牛骨文教育服务平台(让学习变的简单)
博文笔记

三种form表单提交方式

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

请仔细查看代码区别之处

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>


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。