Submit the form: How to submit the form in js-JS Tutorial-php.cn

Submit the form: How to submit the form in js

不言

Release： 2018-07-18 15:46:16

Original

9522 people have browsed it

There are three ways to submit form forms in js. One is to use the submit button to submit and trigger the onclick event. The other is to use the button button to submit. The other is to use the submit button to submit, but trigger onsubmit first. event.

JS code implementation for submitting form form:

1. Use the submit button to implement submission. When the submit button is clicked, the onclick event is triggered, and the function in JavaScript determines whether the input content is empty. If If it is empty, return false and do not submit. If it is not empty, submit it to the address specified by action.

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

Copy after login

2. Use the button button to implement submission. When the button button is clicked, the onclick event is triggered. The function in JavaScript determines whether the input content is empty. If it is empty, it returns false and does not submit. If it is not empty, , submit to the address specified by action. Since the button button does not have the function of automatic submission, form submission is directly implemented by 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>

Copy after login

3. Use the submit button to implement submission. When the submit button is clicked, the onsubmit event is triggered first. The function in JavaScript determines whether the input content is empty. If it is empty, it returns false and does not submit. If it is not If empty, submit to the address specified by action.

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

Copy after login

Related recommendations:

The difference between js form submission and submit submission

Use js to submit form form

The above is the detailed content of Submit the form: How to submit the form in js. For more information, please follow other related articles on the PHP Chinese website!