html5表单与Jquery Ajax配合使用

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

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

html5表单与Jquery Ajax配合使用
<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>
html5表单与Jquery Ajax配合使用

html5表单与Jquery Ajax配合使用

上一篇:Linux环境下使用xampp配置php开发环境


下一篇:[Ubuntu]时钟显示秒