码迷,mamicode.com
首页 > Web开发 > 详细

用html5自带表单验证 并且用ajax提交的解决方法(附例子)

时间:2019-08-29 20:13:23      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:href   bsp   验证   标准   func   使用   use   lang   return   

用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>

 

 

 

用html5自带表单验证 并且用ajax提交的解决方法(附例子)

标签:href   bsp   验证   标准   func   使用   use   lang   return   

原文地址:https://www.cnblogs.com/niuben/p/11431482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!