이전 기사에서 양식 제출을 구현하는 여러 가지 방법인 JavaScript를 소개했습니다. 양식을 제출하기 전에 확인해야 한다는 것을 모두 알고 있으므로 오늘은 세 가지 방법으로 js 확인 양식을 소개하겠습니다. 양식을 제출합니다.
첫 번째 유형:
<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>
두 번째 유형
<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>
세 번째 유형:
<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 제출 양식 사용)
위 내용은 JavaScript 제출 양식 확인을 위한 세 가지 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!