JavaScriptフォームの詳細な検証(E-mail検証)

2155 ワード

本論文ではJavaScriptフォームの検証を共有しました.JavaScriptによって検証されたこれらの典型的なフォームデータはありますか?ユーザーが入力したメールアドレスは合法的ですか?ユーザは適法な日付を入力しましたか?ユーザはデータドメイン(numeric field)にテキストを入力しましたか?必須項目(または必須項目)の下の関数を使って、ユーザーがフォームに記入した必要事項(または必須項目)を確認します.必須または必須のオプションが空であれば、警告ボックスがイジェクトされ、関数の戻り値がfalseである場合、関数の戻り値はtrueとなります.

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
 {alert(alerttxt);return false}
else {return true}
}
}
以下はHTMLフォームと一緒のコードです.





function validate_required(field,alerttxt)
{
with (field)
 {
 if (value==null||value=="")
  {alert(alerttxt);return false}
 else {return true}
 }
}

function validate_form(thisform)
{
with (thisform)
 {
 if (validate_required(email,"Email must be filled out!")==false)
  {email.focus();return false}
 }
}




メール:
E-mailは下記の関数を検証し、入力したデータが電子メールアドレスの基本文法に合っているかどうかを確認します.入力したデータには@符号と点(.)が含まれていなければならないという意味です.また、@はメールアドレスの先頭文字ではなく、@以降は少なくとも1つのポイント番号が必要です.

function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
 {alert(alerttxt);return false}
else {return true}
}
}
以下はHTMLフォームと一緒の完全なコードです.




function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
 {alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
 {email.focus();return false}
}
}




メール:
以上が本文の全部です.javascriptフォームの検証を勉強するのに役立ちます.