您的位置:首页 > Web前端 > JavaScript

form表单加js或ajax验证

2016-06-16 15:42 295 查看
学习笔记
今天要给表单提交添加错误提示,当每天提交够五次的时候,给出提示不让提交,为了提示找到一个办法。
这样可以提示错误后防止表单提交
代码:
原代码form表单提交,button 的 type 属性为submit

<form id="form1" action="地址" method="post">
<button type="submit" id="qa_add" >提交</button>
</form>

我把 submit修改成 button

<button type="button" id="qa_add" >提交</button>

然后这样就可以了


<script type="text/javascript">
$(function(){

$("#qa_add").click(function(){
$.get("查询地址", {}, function(result){
if(result.success){
alert("成功!");
$form = $('#form1');
$form.attr('method','post').attr("action","表单提交地址").submit();
}else{
alert("您今天已经提交5次!");
return false;
}

});
return true;
})
})


这样当ajax提交到后台后 返回true的时候就执行表单提交

返回false后 就提示错误。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息