入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

三种form表单提交方式

创建时间:2018-06-11 投稿人: 牛哥 浏览次数:311

请仔细查看代码区别之处

1、return check(this.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.php?act=login" method="post">
    用户帐号<input type=text name="userId" value="" ><br>
    登录密码<input type="password" name="password" value=""/>      
    <input type=submit value="登陆" onclick="return check(this.form)">  
</form>

2、check(this.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.php?act=login" name="myform" method="post">
    用户帐号<input type=text name="userId" value="" ><br>
    登录密码<input type="password" name="password" value=""/>      
    <input type=button value="登陆" onclick="check(this.form)">  
</form>

3、return check(this.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.php?act=login" method="post" onsubmit="return check(this)">
    用户帐号<input type=text name="userId" value="" ><br>
    登录密码<input type="password" name="password" value=""/>      
    <input type=submit value="登陆"> 
</form>


声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。