html5表单与Jquery Ajax配合使用

浏览数：21 / 时间：2015年06月09日

　　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>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： html color java http c t class 问题 it 代码 人 html color java http c t class 问题 it 代码 人

相关文章

随机文章

您可能还喜欢

您可能还喜欢