js表单提交的三种方式

Posted 小斌IT冲关记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js表单提交的三种方式相关的知识,希望对你有一定的参考价值。

第一种:

<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">  
    用户帐号  
    <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>  
    登录密码  
    <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>  

 

以上是关于js表单提交的三种方式的主要内容,如果未能解决你的问题,请参考以下文章

js校验表单后提交表单的三种方法总结

Node.JS的表单提交及OnceIO中接受GET/POST数据的三种方法

jquery.validate+jquery.form提交的三种方式

RestTemplate提交表单数据的三种方法

有关post的三种提交格式

Spring Boot:RestTemplate提交表单数据的三种方法