52,782
社区成员
发帖
与我相关
我的任务
分享jquery.validate.js 如何用button提交？？？？？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{ font-size:12px;}
form.cmxform label.error, label.error {
color: red;
font-style: italic;
cursor:pointer;
margin-left:12px;
font-size:12px;
}
input:focus { border:1px solid #F00; }
input.error { border:1px solid #F00; }
</style>
<script src="jquery-1.4.2.js"></script>
<script src="jquery.validate.js"></script>
<script>
$(function(){
$("#cmxform").validate({
rules:{
title: "required",
content: "required",
},
messages:{
title:"空是不行的",
content: "content",
}
});
$("#text").load("ajax.php");
$("#cmxform_Submit").click(
function(){
$.ajax({
url: "ajax.php",
data:"title="+$("#title").val()+"&content="+$("#content").val()+"&action=add",
type:"POST",
success:function(data){$("#text").html(data);},
});
$("#title").val("");
$("#content").val("");
}
);
});
</script>
<title></title>
</head>
<body>
<div id="text"></div>
<div style="height:6px;"></div>
<hr />
<div id="nav">
<form method="post" id="cmxform" name="cmxform">
<table border="0" cellpadding="0" cellspacing="6" style="font-size:12px;" bgcolor="#CCCCCC">
<tr>
<td>标题：</td>
<td><input name="title" type="text" id="title" size="30" /></td>
</tr>
<tr>
<td>评论：</td>
<td><textarea name="content" cols="24" rows="5" id="content"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="cmxform_Submit" id="cmxform_Submit" value="提交" /> <input type="reset" value="重置" /></td>
</tr>
</table>
</form>
</div>
</body>
</html>
问题如下：
1、<input type="submit" name="cmxform_Submit" id="cmxform_Submit" value="提交" /> 我想把type类型修改button，验证就不能执行了，之前网上也受过很多东西也试过都没有得到想要的答案。
希望各位大侠能给小弟一个非常满意的答案，谢谢啦。。。这个困扰我很长时间了。。。。
...全文
请发表友善的回复…
发表回复
徐朗 2014-08-29
- 打赏
- 举报
#5 ---> 5楼的哥们， 你用butten 触发的提交根本就不能 触发 valid() 的方法。
除非使用Submit （表单提交）才能触发valid()的方法，深思把！
cool纠纠 2013-09-06
- 打赏
- 举报
uujhhhj
lihongwen4450 2012-12-28
- 打赏
- 举报
把 <input type="submit" name="cmxform_Submit" id="cmxform_Submit" value="提交" />
改成
<input type="button" name="cmxform_Submit" id="cmxform_Submit" value="提交" />
$("#cmxform_Submit").click(
function(){
if($("#cmxform").valid()){
$("#cmxform").submit();
}
});
chen_ya_ping 2012-03-12
- 打赏
- 举报
jquery.validate.js 这个必须是要页面提交才会验证。但是ajax方式不会让页面整个提交。所以你的这个无解，除非你自己写验证，或者是换成别的验证JS
licip 2012-03-11
- 打赏
- 举报
button没有提交的功能，没有提交当然不能验证，这个验证框架是用提交的时候去验证的。
当然，你在对form表单中的每个文本框修改的时候，也会去难证。
如果你硬要用button的话，那你自己去button中加一个事件：onclick，用js代码来提交吧。
当然，你在对form表单中的每个文本框修改的时候，也会去难证。
如果你硬要用button的话，那你自己去button中加一个事件：onclick，用js代码来提交吧。
ByteGlad 2012-03-11
- 打赏
- 举报
button默认没有提交功能的，需要加个onclick触发函数
风嘉年华 2012-03-11
- 打赏
- 举报
各位大侠说的我知道的，我不管submit、button类型的按钮，点击过会我不想刷新当前页面，直接更新数据即可的那种，，，忘各位大侠能什么办法实行，以我目前的这个案例基础之上如何实现？
谢谢各位大侠，小弟在此等候
谢谢各位大侠，小弟在此等候
