JavaScriptのフォーム検証
JavaScriptのフォーム検証
JavaScriptは、これらのHTMLフォーム入力データの検証に関するデータでサーバに送信される前に使用することができます。
フォームデータは、多くの場合、その正しさを検証するためにJavaScriptを使用する必要があります。
- フォームデータが空であることを確認しますか?
- 入力が正しいメールアドレスであるかどうかを確認してください?
- 正しく入力された日付を確認してください?
- 数値型は、フォーム入力を検証するのですか?
必要な(または必須)プロジェクト
以下の機能は、ユーザーがフォーム(または必須)プロジェクトを埋めるために必要とされているかどうかをチェックするために使用されています。 必須または必要なオプションが空の場合は、(何の問題は、データということを意味しない)そうでなければ、関数の戻り値がtrueだった、警告ボックスがポップアップ表示されます、関数の戻り値はfalseです。
function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("姓必须填写"); return false; } }
フォームがフォームを送信された場合、上記の関数が呼び出されます。
例
<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
»をお試しください
Eメールの検証
データが入力されたかどうかの機能のチェックはメールアドレスの次の基本的な構文を満たしています。
彼のポイントは、入力データが@記号とドットを含まなければならないということです(。)。 一方、@は@と点の少なくとも数を必要とした後の最初の文字のメールアドレスではありません。
function validateForm(){ var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){ alert("不是一个有效的 e-mail 地址"); return false; } }
以下は、HTMLフォームと一緒に完全なコードです:
例
<form name="myForm" action="demo-form.php" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form>
»をお試しください