集成jQuery.validate和chosen.js（jquery validate remote）

25-03-13 11

想了解集成jQuery.validate和chosen.js的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于jqueryvalidateremote的相关问题，此外，我们还将为您介绍关于jq

想了解集成jQuery.validate和chosen.js的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于jquery validate remote的相关问题，此外，我们还将为您介绍关于jquery validate poshytip 自定义样式_jquery、jQuery validate 中文API 附validate.js中文api手册_jquery、jQuery Validate 无法验证 chosen-select元素如何解决、jQuery Validate 无法验证 chosen-select元素的解决方法的新知识。

本文目录一览：

集成jQuery.validate和chosen.js（jquery validate remote）
jquery validate poshytip 自定义样式_jquery
jQuery validate 中文API 附validate.js中文api手册_jquery
jQuery Validate 无法验证 chosen-select元素如何解决
jQuery Validate 无法验证 chosen-select元素的解决方法

集成jQuery.validate和chosen.js（jquery validate remote）

我正在尝试使用choosen.js生成的选择下拉列表在表单上设置验证

这是我的代码：

$('.chzn-single').bind("change",function(){
     $myform.validate().element($(this));
});

我认为这样的事情可行,但我没有取得任何成功.有什么想法？

谢谢

解决方法

我通过这样做完成了它：

var validator = $("#formid").data('validator');
validator.settings.ignore = ":hidden:not(select)";

通过这样做,您将验证隐藏的选择字段; chzn隐藏了您的默认列表并将其替换为自己的列表.

jquery validate poshytip 自定义样式_jquery

最近项目中做了一个jquery.validate气泡提示。
好像最新版的jquery.validate中，有这个功能，但在我这里不怎么好用。
就自己加了一个。
找了一些插件qtip2的样式不错，但我本地显示不出来呀。他本身也有jquery.validate的例子。但样式在我这里不显示呀。好像是jquery版本的问他，用他的jquery就可以显示。用我的就不行坑爹。放弃。
poshytip-1.1这个，样式还不错！
positionX，positionY是提示显示的位置。

复制代码代码如下:

$(document).ready(function () {
// validate the comment form when it is submitted
var myForm = $(''form:first'');
myForm.validate({
onkeyup: false,
success: function (element) {
var elem = $(element);
elem.poshytip(''disable'');
elem.poshytip(''destroy'');
},
errorPlacement: function (error, element) {
var elem = $(element);
if (!error.is('':empty'')) {
//右：x=right;y=center
//左：x=left;y=center
//上：x=inner-left
//下：x=center;y=bottom
var aX = "center";
if (elem.attr("positionX") != null) {
aX = elem.attr("positionX");
}
var aY = "bottom";
if (elem.attr("positionY") != null) {
aY = elem.attr("positionY");
}
elem.filter('':not(.valid)'').poshytip({
content: error,
alignTo: ''target'',
alignX: aX,
alignY: aY,
offsetX: 0,
offsetY: 5
});
} else {
elem.poshytip(''disable'');
elem.poshytip(''destroy'');
}
}
});
});

存在问题
onkeyup不可以为 ture，因为这样，有些验证，气泡会一直存在。这个不科学。大家有什么好的办法没？

jQuery validate 中文API 附validate.js中文api手册_jquery

名称

返回类型

描述

validate(options)

返回:Validator

验证所选的FORM

valid()

返回:Boolean

检查是否验证通过

rules()

返回:Options

返回元素的验证规则

rules("add",rules)

返回:Options

增加验证规则

rules("remove",rules)

返回:Options

删除验证规则

removeAttrs(attributes)

返回:Options

删除特殊属性并且返回他们

Custom selectors

:blank

返回:Validator

没有值的筛选器

:filled

返回:Array

有值的筛选器

:unchecked

返回:Array

没选择的元素的筛选器

Utilities

jQuery.format

(template,argument ,argumentN...)

返回:String

用参数代替模板中的 {n}

Validator:

validate方法返回一个Validator对象,它有很多方法, 让你能使用引发校验程序或者改变form的内容. validator对象有很多方法,但下面只是列出常用的

form()

返回:Boolean

验证form返回成功还是失败

element(element)

返回:Boolean

验证单个元素是成功还是失败

resetForm()

返回:undefined

把前面验证的FORM恢复到
验证前原来的状态

showErrors(errors)

返回:undefined

显示特定的错误信息

Validator functions:

setDefaults(defaults)

返回:undefined

改变默认的设置

addMethod(name,method,message)

返回:undefined

添加一个新的验证方法.
必须包括一个独一无二的
名字,一个JAVASCRIPT的方法和
一个默认的信息

addClassRules(name,rules)

返回:undefined

增加组合验证类型在一个类里
面用多种验证方法里比较有用

addClassRules(rules)

返回:undefined

增加组合验证类型在一个类
里面用多种验证方法里比较有
用,这个是一下子加多个

内置验证方式：

required()

返回:Boolean

必填验证元素

required(dependency-expression)

返回:Boolean

必填元素依赖于表达式的结果

required(dependency-callback)

返回:Boolean

必填元素依赖于回调函数的结果

remote(url)

返回:Boolean

请求远程校验。url通常是一个
远程调用方法

minlength(length)

返回:Boolean

设置最小长度

maxlength(length)

返回:Boolean

设置最大长度

rangelength(range)

返回:Boolean

设置一个长度范围[min,max]

min(value)

返回:Boolean

设置最大值

max(value)

返回:Boolean

设置最小值

email()

返回:Boolean

验证电子邮箱格式

range(range)

返回:Boolean

设置值的范围

url()

返回:Boolean

验证URL格式

date()

返回:Boolean

验证日期格式(类似30/30/2008的格式,不验证日期准确性只验证格式)

dateISO()

返回:Boolean

验证ISO类型的日期格式

dateDE()

返回:Boolean

验证德式的日期格式（29.04.1994 or 1.1.2006）

number()

返回:Boolean

验证十进制数字（包括小数的）

digits()

返回:Boolean

验证整数

creditcard()

返回:Boolean

验证信用卡号

accept(extension)

返回:Boolean

验证相同后缀名的字符串

equalTo(other)

返回:Boolean

验证两个输入框的内容是否相同

phoneUS()

返回:Boolean

验证美式的电话号码

validate ()的可选项：

debug:进行调试模式（表单不提交）:

$(".selector").validate

({

debug:true

})

把调试设置为默认:

$.validator.setDefaults({

debug:true

})

submitHandler:

通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交

$(".selector").validate({

submitHandler:function(form) {

$(form).ajaxSubmit();

}

})

jQuery Validate 无法验证 chosen-select元素如何解决

本文主要介绍了jquery validate 无法验证 chosen-select元素的解决方法,需要的朋友可以参考下，希望能帮助到大家。

chosen-select元素执行了chosen()方法后，为select元素加上了进行隐藏，然后重新构造了一个看起来像select的下拉列表。

而jQuery Validate默认忽略对隐藏元素进行校验，因此我们要把select排除。在validate()方法的参数中增加ignore属性，将select从忽略的隐藏元素中剔除。

$("select").validate({ignore: ":hidden:not(select)"});

登录后复制

:hidden 选择器选取隐藏的元素。以下几种情况的元素是隐藏元素：

设置为 display:none
带有 type=”hidden” 的表单元素
width 和 height 设置为 0
隐藏的父元素（这也会隐藏子元素）

注释：该选择器对 visibility:hidden 和 opacity: 0 的元素不起作用。

集成jQuery.validate和chosen.js（jquery validate remote）