html5表单与Jquery Ajax配合使用

  html5的表单控件提供了很多格式检测功能,可以省去很多烦人的javascript验证代码,例如pattern属性和require属性,但触发的条件是表单提交,如果想通过ajax提交表单,就出现了不能触发验证的问题。

  解决办法就是依然使用 input submit作为提交按钮,但在表单的提交事件里阻止进一步动作,转为ajax发送请求,这里贴出JQuery的代码:

<script language="javascript">
    $(document).ready(function(){
       $("#form").submit(function(e){
         e.preventDefault();
         /*-----Ajax省略-------*/
    })
})
</script>

<form action="..." id="form">
    <input type="text" required />
    <input type="submit" value="提交" />
</form>
原文地址:https://www.cnblogs.com/weir007/p/3555030.html