zoukankan      html  css  js  c++  java
  • 用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>

     

  • 相关阅读:
    webpack常见问题 收藏
    ES6 模块
    ES6 Class 类
    ES6 迭代器
    ES6 函数
    ES6 数组
    ES6 对象
    记一次pda(安卓)环境配置流程
    类型转换
    DOM事件
  • 原文地址:https://www.cnblogs.com/niuben/p/11431482.html
Copyright © 2011-2022 走看看