www.91084.com

GVKun编程网logo

集成jQuery.validate和chosen.js(jquery validate remote)

10

想了解集成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和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 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

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元素如何解决

本文主要介绍了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 的元素不起作用。

相关推荐:

Chosen 基于jquery的选择框插件使用方法_jquery

Jquery chosen动态设置值实例介绍_jquery

jquery select插件异步实时搜索实现方法

以上就是jQuery Validate 无法验证 chosen-select元素如何解决的详细内容,更多请关注php中文网其它相关文章!

jQuery Validate 无法验证 chosen-select元素的解决方法

jQuery Validate 无法验证 chosen-select元素的解决方法

chosen-select元素执行了chosen()方法后,为select元素加上了https://www.jb51.cc/tag/dis/" target="_blank">display: none;"进行隐藏,然后重新构造了一个看起来像select的下拉列表。

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

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

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

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

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

以上所述是小编给大家介绍的jQuery Validate 无法验证 chosen-select元素的解决方法。小编 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得小编不错,可分享给好友!感谢支持。

今天关于集成jQuery.validate和chosen.jsjquery validate remote的分享就到这里,希望大家有所收获,若想了解更多关于jquery validate poshytip 自定义样式_jquery、jQuery validate 中文API 附validate.js中文api手册_jquery、jQuery Validate 无法验证 chosen-select元素如何解决、jQuery Validate 无法验证 chosen-select元素的解决方法等相关知识,可以在本站进行查询。

本文标签:

上一篇来自jQuery的JavaScript这个(javascript来源)

下一篇jquery – 公司不想使用ASP.NET ajax ……我该怎么办?