form表单加js或ajax验证

学习笔记
今天要给表单提交添加错误提示,当每天提交够五次的时候,给出提示不让提交,为了提示找到一个办法。
这样可以提示错误后防止表单提交
代码:
原代码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后 就提示错误。



版权声明:本文为ling811原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。