jquery validate 验证问题

Question

第一次用这玩意，jquery不太会，看了被人的教程写的 不出来效果，请前辈帮忙看下  谢谢 万分感激代码如下 
JS<script type="text/javascript" src="../../js/jquery-validate/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.validator.setDefaults({    
submitHandler: function(form) { form.submit(); } 
}); jQuery.validator.addMethod("mobile",function(value,element) {   
var length = value.length;   
return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(value));   
},"请正确填写您的手机号码"); $("#form1").validate({
rules:{ 
name:{required:true}, 
email:{
required:true,
email:true
},
mobile:{
required:true,
mobile:true
},
tours_date:{required:true},
people_num:{
required:true,
digits:true
}
},
messages:{
name:{
required:"请填写您的姓名"
},
people_num:{
required:"请填写人数",
digits:"请填写正确的人数"
},
email:{
required:"电子邮箱不能为空",
email:"请输入正确格式的电子邮件"
},
mobile:{
required:"请填写您的手机号码",
},
tours_date:{
required:"请填写日期"
}
} }); });</script>
html代码 <form  enctype="multipart/form-data" method="post" id="form1" validate="true">
  <table width="886"  border="1" align="center" cellspacing="0" bordercolor="#66FFFF" style="border-collapse:collapse">
<tr>
<td colspan="2" align="center">旅游线路预订</td>
</tr>
<tr>
<td width="20%" align="right"><span class="STYLE9">线路名称：</span></td>
<td><?php echo @empty($rowtours['tours_name'])?'':$rowtours['tours_name']?></td>
<input id="tour_id" name="tours_id" type="hidden" value="<?php echo $tours_id?>"></tr>
<tr>
<td align="right"><span class="STYLE9">旅游日期：</span></td>
<td><input id="tours_date" name="tours_date" type="text" onClick="WdatePicker()"  class="required" />
  </td>
</tr>
<tr>
<td align="right"><span class="STYLE9">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span></td>
<td><input type="text" name="name" id="name" class="required"/>
   </td>
</tr>
<tr>
<td align="right"><span class="STYLE9">人&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数：</span></td>
<td><input type="text" name="people_num" id="people_num"  class="{required:true,digits:true}" />人</td>
</tr>
<tr>
<td align="right"><span class="STYLE9">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</span></td>
<td><input type="text" name="tel" id="tel" /></td>
</tr>
<tr>
<td align="right"><span class="STYLE9">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机：</span></td>
<td><input type="text" name="mobile" id="mobile"   class="required" />
 </td>
</tr>
<tr>
<td width="20%" align="right"><span class="STYLE9">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</span></td>
<td><input type="text" name="email" id="email" class="{required:true,email:true}"   />
  </td>
</tr>
<tr>
<td width="20%" align="right"><span class="STYLE9">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</span></td>
<td><input type="text" name="address" id="address" size="40"/></td>
</tr>
<tr>
<td align="right"><span class="STYLE9">备注说明：</span></td>
<td><textarea name="order_info" rows="6" style="width:400px" id="order_info"></textarea></td>
</tr><tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="提交" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type="reset" name="Submit2" value="返回" /></td>
</tr>
</table>
</form>

Answer 1

 看上面好像没有 导入 jquery 的js 吧  还是 lz 没有贴出来 

Answer 2

1. validate 方法和元素里的class重复了，最好把class去掉
2. 把validate 方法放到 $().ready（）里面去。再不行，直接到http://plugins.jquery.com/node/8/release下载，里面有最全的官方示例
另外给你贴出validate方法的最全用法
$('selector').validate({
debug: true/false,  // 是否调试状态，调试状态时，不会把数据提交
onsubmit: true/false,  // 是否在提交时验证，如果不在提交时验证，则需要在其它事件中验证（比如焦点离开）
onfocusout:true/false,  // 在焦点离开之前必须被验证通过，否则焦点无法离开(为true时，在IE9报错)
onkeyup: true/false,      // 在输入每个字符后就进行验证(为true时，在IE9报错)
onclick: true/false,         // 验证checkbox / radio button ，在其点击事件发生时
focusInvalid: true/false,    // 在提交验证不通过时，把焦点定位在最后一个验证不通过的控件上，默认为true
focusCleanup: true/false,     // 当验证不通过的控件获得焦点时，隐藏错误信息，即在重新输入时，不显示错误信息，
                                                         // 避免与focusInvalid 冲突，默认为false 
sumbitHandler: function(form){}, // 验证通过时的处理函数，用于替换默认的form提交，自己处理提交
invalidHandler: function(form, validator){
var errors = validator.numberOfInvalids(); // 获取验证错误
}, // 验证不通过时的处理函数
ignore:".ignoreElemnet",   // 忽略掉指定选择的元素, input type="sumbit" or "reset" 总是被忽略掉
resules:{elementName:{validator1:parameter1, validator2:parameter2 }} , // 指定元素的使用的验证规则
messages:{elementName:{validator1:message1, validator2:message2 }} , // 指定元素验证不过时的提示信息
meta:"meta data",   // 通过 class 类似的来指定验证时的元数据名称
errorClass: "css className",  // 验证不通过时控件的样式类
validClass: "css className",  // 验证通过时，控件的样式类
errorElement:"元素类型",     // 用于创建错误消息的元素类型（比如：label, button, li, em, text)
wrapper: "元素类型" ,    //用于分隔每个错误消息的元素类型(比如 li)
errorLabelContainer:"元素ID",  // 用于显示错误提示信息的标签容器
errorContainer:"元素ID",       // 用于显示错误信息的容器，和上面一个的区别见右边的代码的“例1”
showErrors:function(errorMap, errorList){},  // 自定义显示错误信息过程
errorPlacement: function(error, element){}, // 自定义创建显示每个错误信息的控件
success: "" / function(){},   // 验证成功后的样式或回调函数，见右边代码的“例2“
})

Answer 3

可以使用jqueryEasyUI下的严重，更加简单