form 表单提交

方法：

在用户点击submit触发响应函数后，直接event.preventDefault();阻止表单转跳的默认事件。

判断成功后，再使用form的submit()方法提交


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function checkLength(event){
            var e=window.event||event; //消除浏览器差异
            e.preventDefault();
            var name=document.getElementById('user').value;
            if(name.length<5){
                console.log(name);
                return false;
            }else{
               $("#ff").submit();
            }
        }
        
    </script>
</head>
<body>
    <form action="clock.html" method="post" onsubmit="return checkLength()" id="ff">
        <p>name:<input type="text" name="user" id="user"></p>
        <input type="submit" id="submit" name="submit" onclick="checkLength"> 
    </form>
</body>
</html>

 

posted @ 2017-09-20 18:04  webnote  阅读(79)  评论(0)  编辑  收藏  举报