sumit按钮在form表单中 onclick事件

在form表单中有 οnsubmit 属性，用来确定提交之前的其他骚操作。

如果在form表单下  submit 按钮 中添加 onclick事件，事件是可以被触发的，但这并不影响 form 表单的提交

                <form class="form" onsubmit="" method="post" action="../login.php">
                    <p class="p">帐号：
                        <input class="input" id="name" type="text" placeholder="帐号/手机号" name="name" /><br/>
                    </p>
                    <p class="p">密码：
                        <input class="input" id="pwd" type="password" placeholder="密码" name="pwd" /><br/>
                    </p>
                    <p class="p">
                        <input class="submit" onclick="sub();" type="submit" value="Login" />
                    </p>
                </form>

/**
 * 验证提交
 * @returns {undefined}
 */
function sub(){
    var bool=false;
    var name=$("#name").val();
    var pwd=$("#pwd").val();
    if(isEmpty(name)){
        layer.msg("请输入用户名/手机");
    }else if(isEmpty(pwd)){
        layer.msg("请输入密码");
    }else if(pwd.length <6){
        layer.msg("密码不正确");
    }else{
        bool=true;
    }
    return bool;
}

事件可以被触发，但这并不影响from 表单的提交。

此时可以 在此之前加上 return sub();
当sub()方法返回false时，语句为 onclick="return false",表示点击无效。

form表单也有提交之前的操作 οnsubmit

                <form class="form" onsubmit="return sub();" method="post" action="../login.php">
                    <p class="p">帐号：
                        <input class="input" id="name" type="text" placeholder="帐号/手机号" name="name" /><br/>
                    </p>
                    <p class="p">密码：
                        <input class="input" id="pwd" type="password" placeholder="密码" name="pwd" /><br/>
                    </p>
                    <p class="p">
                        <input class="submit" onclick="" type="submit" value="Login" />
                    </p>
                </form>

同理，和onclick="return sub();"一样的效果

PostScript:如果你的js文件中存在错误，sub()就可能加载失败，也就是 οnclick="return ;".流程会完全絮乱