前回の記事では、JavaScript フォーム送信を実装するためのいくつかの方法を紹介しましたが、フォームを送信する前に検証する必要があることは誰もが知っています。そこで、今日は JS 検証フォームを 3 つの方法で紹介します。フォームを送信します。
最初のタイプ:
<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } www.jbxue.com if(form.password.value==''){ alert("请输入登录密码!"); form.password.focus(); return false; } return true; } </script> <form action="login.do?act=login" method="post"> 用户帐号 <input type=text name="userId" size="18" value="" > <br> 登录密码 <input type="password" name="password" size="19" value=""/> <input type=submit name="submit1" value="登陆" onclick="return check(this.form)"> </form>
2 番目のタイプ:
<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("请输入登录密码!"); form.password.focus(); return false; } return true; } </script> <form action="login.do?act=login" method="post" onsubmit="return check(this)"> 用户帐号 <input type=text name="userId" size="18" value="" > <br> www.jbxue.com 登录密码 <input type="password" name="password" size="19" value=""/> <input type=submit name="submit1" value="登陆"> </form>
3 番目のタイプ:
<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("请输入登录密码!"); form.password.focus(); return false; } document.myform.submit(); } </script> <form action="login.do?act=login" name="myform" method="post"> 用户帐号 <input type=text name="userId" size="18" value="" > <br> 登录密码 <input type="password" name="password" size="19" value=""/> <input type=button name="submit1" value="登陆" onclick="check(this.form)"> </form>
この記事を学習すると、 JavaScript についての十分な理解検証投稿フォーム ある程度の理解ができたら、この記事の内容に基づいてさらに拡張して、この記事が他の人にインスピレーションを与えることができます。
関連する推奨事項;
JavaScript でフォームを送信するいくつかの方法
JavaScript 送信フォームの簡単な紹介( JavaScript を使用して送信フォーム)
以上がJavaScript送信フォーム検証の3つの方法を共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。