首页 > Web开发 > 详细

html5表单与Jquery Ajax配合使用

时间:2014-02-19 16:45:19      阅读:341      评论:0      收藏:0      [点我收藏+]

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

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

bubuko.com,布布扣
<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>
bubuko.com,布布扣

html5表单与Jquery Ajax配合使用

原文:http://www.cnblogs.com/weir007/p/3555030.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!