1、jquery.validate不用submit提交,用js提交的,怎么触发验证啊?
用 button.click提交。
举例如下:
$("#form").validate();
$("#btn).click(function(){
if($("#form").valid()){
$("#form").submit();
}
});
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。
该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。
(1)jqueryvalidate域名扩展资料
query-validate 插件
基本用法:
1、页面中引入js依赖,因为validate是依赖jquery的需要先引入jquery。
2、表单校验,首先得有一个表单,即form标签,然后由于浏览器是通过name属性来提交表单数据的,所以需要给校验的控件都加上name属性。
rules里每个控件可以给多个验证方式,常用的有:
1、required 必填验证元素。
2、minlength(length) maxlength(length)。
3、rangelength(range)设置最小长度、最大长度和长度范围 [min,max]。
4、min(value) max(value) range(range) 设置最大值、最小值和值的范围。
5、email() 验证电子邮箱格式。
2、要求用jquery validate.js扩展方法实现 校验用户名,规则如下
^var lenReg = /^copy.{8,26}$/;
var upperReg = /[A-Z]/;
var lowerReg = /[a-z]/;
var numReg = /[0-9]/;
var reg = /[(_)(:)(@)(\,)(\.)(\?)(\$)(\%)(\^)(\~)(\()(\))(\[)(\])]/;//节省时间省略几个特殊符号
function test(value){
var t = 0;
if(!lenReg.test(value)){return false;}
if(upperReg.test(value)){t++}
if(lowerReg.test(value)){t++}
if(numReg.test(value)){t++}
if(reg.test(value)){t++}
if(t>=3){
return true;
}
return false;
}
3、jQuery Validate插件中用equalTo验证表单一致出问题
你把两个input的id给它加上就行行了,它这里的相同用的是id来验证内
<tr>
<td>密码容:</td>
<td>
<input type="text" id="password" name="password" required="true"/>
</td>
</tr>
<tr>
<td>确认密码:</td>
<td>
<input type="text" required="true" id="repassword" equalTo:"#password"/>
</td>
</tr>
4、jquery.validate 怎样判断是否验证成功
var cb = $("#userForm").validate().form();
if(!cb){
return;
}
5、jquery.validate怎么判断验证通过就跳转页面
//表单验证
if(!$("#userForm").form('validate'))
{
return;
}
//其他代码
//提交后台,可以用
$.ajax({
url:_url, //后台url地址(服务地址)
type:'POST',
dataType:'json',
timeout:20000,
data:_requestData, //参数
success:function(_jsonData) {//后台返回调用结果
if (_jsonData.result == false) {
$.messager.alert('错误', _jsonData.message, 'error');
} else {
_success(_jsonData.data);
}
},
error:function(xhr) {//ajax状态
if(xhr.statusText == 'timeout'){
$.messager.alert('错误', '请求超时', 'error');
}else if(xhr.status == "12029"){
$.messager.alert('错误', '服务器连接失败...', 'error');
}else{
$.messager.alert('错误', xhr.status + ' ' + xhr.statusText, 'error');
}
}
});
希望能够帮到你!
6、jquery validate 中日期验证的问题
js内容
<script type="text/javascript">
jQuery.validator.addMethod("isDate", function(value, element){
var ereg = /^(\d{1,4})(-|\/)(\d{1,2})(-|\/)(\d{1,2})$/;
var r = value.match(ereg);
if (r == null) {
return false;
}
var d = new Date(r[1], r[3] - 1, r[5]);
var result = (d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[5]);
return this.optional(element) || (result);
}, "请输入正确的日期");
</script>
验证: isDate:true
可以验回证 2011-07-07和2011/07/07两种短横线和斜杠答格式的...
7、jquery validate如何使用
一、使用Jquery.Validate进行验证方法
$(document).ready(function () {
$("#pageForm").validate({
rules: {
DictKey: { required: true, maxlength: 10 },
DictContent: { required: true, maxlength: 10 }
},
messages: {
DictKey: { required: "不能为空", maxlength: jQuery.format("不能超过{0}个字符") },
DictContent: { required: "不能为空", maxlength: jQuery.format("不能超过{0}个字符") }
},
submitHandler: function (form) {
form.submit();
}
})
})
DictKey ,DictContent:指需要验证的控件ID
submitHandler :指通过验证后运行的函数,里面写入表单要提交的函数,否则表单不会提交
二、列出常用默认验证规则
(1)required:true 必输字段
(2)email:true 必须输入正确格式的电子邮件
(3)url:true 必须输入正确格式的网址
(4)date:true 必须输入正确格式的日期
(5)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(6)number:true 必须输入合法的数字(负数,小数)
(7)digits:true 必须输入整数
(8)creditcard: 必须输入合法的信用卡号
(9)equalTo:"#field" 输入值必须和#field相同
(10)accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
(11)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(12)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(13)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(14) equalLength:10 输入长度必须是10
(14)range:[5,10] 输入值必须介于 5 和 10 之间
(15)max:5 输入值不能大于5
(16)min:10 输入值不能小于10
三、使用ajax方法验证输入值是否存在
当文本框输入值时,或改变输入值时会自动到Server去验证输入值是否在数据库中存在
JS代码如下:
DictKey: { required: true, maxlength: 10,
remote: { //验证用户名是否存在
type: "POST",
url: '@Url.Content("~/Account/Test/")' //servlet
}
},
DictKey: { required: "不能为空", maxlength: jQuery.format("不能超过{0}个字符"),remote:"用户名已被注册"},
Server端:
[HttpPost]
public JsonResult Test(string DictKey) //DictKey即要验证控件的ID值
{
bool result;
if (DictKey == "a")
{
result = true;
}
else
{
result = false;
}
return Json(result);
}
根据Server端返回的True,False来决定验证是否通过
四、非submit按钮结合Jquery.Form进行提交
如果不是submit提交按钮,比如单击某个按钮触发表单验证,这时表单验证可用如下方式
function validateForm() {
//validate方法参数可选
return $("#form1").validate({
rules: {
},
messages:{
}
}).form();
}
function doSubmit(){
//do other things
//验证通过后提交
if(validateForm()){
form.submit()
//这边可以结合Jquery.Form进行AjaxSubmit方式异步提交
$("#UpdateForm").AjaxSubmit (function(){
Alert(“AjaxForm提交完成”)
});
}
}
详细参考:http://blog.csdn.net/nmvbliy/article/details/8225945
8、如何给动态添加的form绑定jQuery.validate.js验证
动态添加的form绑定jQuery.validate.js验证方法:
//动态版表单验权证
$(document).ajaxComplete(function () {
$.validator.unobtrusive.parse(document);
});
9、jqueryvalidate验证name
可以动态地增加/移动验证规则
rules( "add", rules ) Returns: Options
Adds the specified rules and returns all rules for the first matched element. Requires that the parent form is validated, that is, $("form").validate() is called first.
增加验证规则
rules( "remove", rules ) Returns: Options
Removes the specified rules and returns all rules for the first matched element.
移除验证规则
参考官方的API吧:http://docs.jquery.com/Plugins/Validation
10、jquery validate验证添加哪些js
由于validate基于jQ,所以应当先引入jquery库,完整的引入:
<script type="text/javascript" src="../libs/jquery.js"></script>说明:jquery.validate.min.js为验证的主文件版,language.validate.js为message汉化权(警告提示)文件