>웹 프론트엔드 >JS 튜토리얼 >JavaScript 제출 양식 확인을 위한 세 가지 방법 공유

JavaScript 제출 양식 확인을 위한 세 가지 방법 공유

黄舟
黄舟원래의
2017-11-18 14:58:502135검색

이전 기사에서 양식 제출을 구현하는 여러 가지 방법인 JavaScript를 소개했습니다. 양식을 제출하기 전에 확인해야 한다는 것을 모두 알고 있으므로 오늘은 세 가지 방법으로 js 확인 양식을 소개하겠습니다. 양식을 제출합니다.
첫 번째 유형:

<script type="text/javascript">
         function check(form) {
          if(form.userId.value==&#39;&#39;) {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           } www.jbxue.com
       if(form.password.value==&#39;&#39;){
                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==&#39;&#39;) {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==&#39;&#39;){
                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==&#39;&#39;) {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==&#39;&#39;){
                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 제출 양식 사용)

위 내용은 JavaScript 제출 양식 확인을 위한 세 가지 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.