양식 제출: js에서 양식을 제출하는 방법

js에서 양식을 제출하는 방법에는 세 가지가 있습니다. 하나는 제출 버튼을 사용하여 onclick 이벤트를 실행하는 것이고, 다른 하나는 제출 버튼을 사용하여 제출하는 것입니다. onsubmit 이벤트가 먼저 트리거됩니다.

js 제출 양식의 코드 구현:

1. 제출 버튼을 사용하여 제출 버튼을 클릭하면 JavaScript의 함수가 입력 내용이 비어 있는지 확인합니다. 비어 있으면 false를 반환하고 제출하지 않습니다. 비어 있지 않으면 작업에 지정된 주소로 제출합니다.

<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">
    用户帐号<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. 버튼 버튼을 사용하여 제출을 구현합니다. 버튼 버튼을 클릭하면 onclick 이벤트가 발생합니다. JavaScript의 함수는 입력 내용이 비어 있는지 여부를 확인하여 false를 반환하고 제출하지 않습니다. 비어 있지 않으면 action에서 지정한 주소로 제출됩니다. 버튼에는 자동 제출 기능이 없으므로 js에서 직접 양식 제출을 구현합니다.

<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>

3. 제출 버튼을 클릭하면 onsubmit 이벤트가 먼저 트리거되고 JavaScript의 함수는 입력 내용이 비어 있는지 확인하여 false를 반환합니다. 제출하지 마십시오. 비어 있지 않으면 조치에 지정된 주소로 제출하십시오.

<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>
    登录密码<input type="password" name="password" size="19" value=""/>      
    <input type=submit name="submit1" value="登陆"> 
</form>

관련 추천:

js 양식 제출과 제출 제출의 차이점

js를 사용하여 양식 제출

위 내용은 양식 제출: js에서 양식을 제출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!