用html5自帶表單驗證 並且用ajax提交的解決方法(附例子)


用submit來提交表單,然后在js中監聽submit方法,用ajax提交表單最后阻止submit的自動提交。  

在標准瀏覽器中,阻止瀏覽器默認行為使用event.preventDefault(),而在IE6~8中,使用returnValue屬性來實現。

<html>
<head>
    <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
</head>
<body>
    <form action="" id='submitform'>
        username: <br>
        <input type="text" name="username" value="" required="required"> <br>
        password: <br>
        <input type="text" name="password" value="" required="required"> <br><br>
        <input type="submit" value="Submit">
    </form>
    <script type="text/javascript" language="javascript">
        $("#submitform").on("submit", function(event) {
            $.ajax({
                ......
            });
            //阻止submit表單提交
            event.preventDefault();
            //或者return false
            //return false;
        });
    </script>
</body>
</html>

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM