当前位置: 代码迷 >> J2EE >> 表单验证提交有关问题,请高手帮帮忙
  详细解决方案

表单验证提交有关问题,请高手帮帮忙

热度:83   发布时间:2016-04-17 23:15:09.0
表单验证提交问题,请高手帮帮忙
<form name="addlp" id="addlp" action="lp/addloupan.action" method="post">
<div class="fir"><span class="red">*</span><span><label for="xiangmumingcheng">项目名称:</label><input type="text" name="loupanming" id="xiangmumingcheng" class="xiangmumingcheng" /></span></div>
<div id="fubu"><a href="javascript:void(document.addlp.submit())">提交</a></div>
</form>

<script type="text/javascript">
$(function(){
$("#addlp").validate({
rules:{
loupanming:"required",
messages:{
loupanming:"请输入项目名称",
}
},     
submitHandler:function() 
        { alert("Submitted!") } 
});   
});
</script>

这样根本就不会验证!

改成:
<div id="fubu"><a>提交</a></div>
<script type="text/javascript">
$(function(){
$("#fubu a").click(function(){
$("#addlp").submit();
});  
});
</script>

又只会验证不会提交
高手请帮帮忙看看怎么办好!!!谢谢




------解决思路----------------------
没使用过jquery的验证

第二种方式,在$("#addlp").submit();之前添加上验证代码,验证通过了,提交,验证不通过,就不提交了,将提交代码$("#addlp").submit();放在if 块内,if条件就是验证结果
------解决思路----------------------
<script type="text/javascript">
$(function(){ 
           $("#addlp").validate({ 
errorClass: "error",
errorElement: "div",
errorPlacement: function(error, element) {   
element.after(error);
},
rules: { 
loupanming: { required: true}
},
messages: {
loupanming: { required: "请输入项目名称"}
},
                                          submitHandler:function() {
                                                                alert("Submitted!") }  
                                         });   
});
</script>
这样可以吗?
------解决思路----------------------
把submitHandler:function() 
        { alert("Submitted!") } 
});  这段的json设置去掉,这个submitHandler就决定了提交行为了
------解决思路----------------------
用return 试试把
  相关解决方案