在形成验证方面,它’很难拥有与每个表格合作的多功能解决方案。弄清楚如何显示错误不是一个简单的任务。这是我试图用这个脚本解决的东西。当需要显示错误时,脚本会在输入的右上角创建一个div并将其定位。这样你就是’T必须担心您的HTML表单结构。圆角和影子是用CSS3完成的,并在非兼容浏览器中降级。没有所需的图像。

下载源代码 查看演示

验证范围从电子邮件,电话,URL到更复杂的呼叫,如ajax处理。
捆绑在几个语言环境中,错误提示可以在您选择的语言环境中翻译。

**重要**:V2是原始1.7分支的重要重写。随着API的变化,请阅读文档!此外,文档始终更新到GitHub Readme上

遗留1.7文档和下载可以在GitHub上下载时在包下找到

安装

1.解压缩存档
2.在页面中包含脚本jQuery.ValideNgine.Closure.js
3.选择选择的区域设置,在您的页面中包含它:jQuery.ValideNgine-xx.js
4. **阅读本手册**并理解API

运行演示

大多数演示通过打开各自的HTML文件是功能的。但是,Ajax Demos需要使用Java6来启动轻量级HTTP服务器。

1.从文件夹中运行脚本`rundemo.bat`(windows)或`rundemo.sh`(unix)
2.打开指向[http:// localhost:9173]的浏览器(http:// localhost:9173)

参考

第一个将jQuery链接到页面

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>

附加* jquery.validationEngine *及其区域设置

    <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

最后链接所需的主题

    <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>

实地验证

使用该字段定义验证’s ** class **属性。以下是一些示例,显示它是如何发生的:

    <input value="[email protected]" class="validate[required,custom[email]]" type="text" name="email" id="email" />
    <input value="2010-12-01" class="validate[required,custom[date]]" type="text" name="date" id="date" />
    <input value="too many spaces obviously" class="validate[required,custom[onlyLetterNumber]]" type="text" name="special" id="special" />

有关验证器的更多详细信息,请参阅以下部分。

实例化

验证器通常使用以下形式的呼叫来实例化:

    $("#form.id").validationEngine(action or options);

该方法采用一个或多个可选参数,操作(和参数)或选项列表以自定义引擎的行为。

这是一瞥:说你有一种形式是这种

    <form id="formID" method="post" action="submit.action">
        <input value="2010-12-01" class="validate[required,custom[date]]" type="text" name="date" id="date" />
    </form>

以下代码将实例执行验证引擎:

    <script>
    $(document).ready(function(){
        $("#formID").validationEngine('attach');
       });
    </script>

行动

在里面

使用默认设置初始化引擎

    $("#formID1").ValidationEngine({ProtectPosition:"centerRight", scroll: false});
    $("#formID1").validationEngine('init', {promptPosition : "centerRight", scroll: false});
<pre>
 
<h3>attach</h3>
 
Attaches jQuery.validationEngine to form.submit and field.blur events.
<pre lang="html">
    $("#formID1").validationEngine('attach');
<pre/>
 
<h3>detach</h3>
 
Unregisters any bindings that may point to jQuery.validaitonEngine.
<pre lang="html">
    $("#formID1").validationEngine('detach');

证实

验证表单并相应地显示提示。返回* true *如果表单验证,* false *如果它包含错误。请注意,如果使用Ajax表单验证器,则实际结果将异步地传递给函数*选项.OonsjaxFormplete *。

    alert( $("#formID1").validationEngine('validate') );

showprompt(提示文本,类型,提示,showarrow)

在给定元素上显示提示。请注意,提示可以显示在任何元素上的ID上。

该方法需要四个参数:
1.提示本身的文本
2.定义提示的视觉外观的类型:‘pass’ (green), ‘load’(黑色)任何其他(红色)
3.一个可选位置:“topLeft”, “topRight”, “bottomLeft”, “centerRight”, “bottomRight”. Defaults to *”topRight”*
4.一个可选的布尔值,它告诉提示是否应显示定向箭头

    <fieldset>
       <legend id="legendid">Email</legend>
       <a href="#" onclick="$('#legendid').validationEngine('showPrompt', 'This a custom msg', 'load')">Show prompt</a>
    </fieldset>

隐藏

关闭当前表单中的错误提示(如果页面上有多种表格)

    $('#formID1').validationEngine('hide')">Hide prompts

全部藏起来

关闭**所有**页面上的错误提示。

    $('#formID1').validationEngine('hideAll');

选项

选项通常将作为参数传递给INIT操作。
$(“#formID1”).ValidationEngine({ProtectPosition:“centerRight”, scroll: false});

ValidationEventTrigger.

触发现场验证的事件名称,默认为* blur *。

滚动
告诉我们是否应该将页面滚动到第一个错误,默认为* true *。

提示

提示表演应该在哪里?可能的值是“topLeft”, “topRight”, “bottomLeft”, “centerRight”, “bottomRight”. Defaults to *”topRight”*.

ajaxformveridation.
如果设置为true,请转动Ajax表单验证逻辑。默认为* false *。
在调用validate()操作或提交表单时发生表单验证。

OnBeforeAjaxFormValidation(表单,选项)
打开AjaxFormValidation时,在异步AJAX表单验证呼叫之前调用函数。可能会返回false以停止Ajax表单验证

OnaJaxFormplete:功能(表单,状态,错误,选项)
打开AjaxFormValidation时,函数用于异步处理验证结果。

isoverflown.
当表单在滚动div中显示时设置为true,默认为* false *。

过度流动
选择器用于选择溢出的容器,默认为*””*.

验证器

验证器在字段中编码’S类属性,如此

必需的

自身说话,如果元素没有值,则失败。此验证器可以应用于几乎任何类型的输入字段。

    <input value="" class="validate[required]" type="text" name="email" id="email" />
    <input class="validate[required]" type="checkbox" id="agree" name="agree"/>
    <select name="sport" id="sport" class="validate[required]" id="sport">
       <option value="">Choose a sport</option>
       <option value="option1">Tennis</option>
       <option value="option2">Football</option>
       <option value="option3">Golf</option>
    </select>

自定义[regex_name]

验证元素’S值为预定义的正则表达式列表。

<input value="[email protected]" class="validate[required,custom[email]]" type="text" name="email" id="email" />

有关可用的正则表达式列表,请参阅自定义Regex部分。

函数[methodname]

使用第三方函数调用验证字段。如果发生验证错误,则函数必须返回将在错误提示中自动显示的错误消息。

    function checkHELLO(field, rules, i, options){
      if (field.val() != "HELLO") {
         // this allows the use of i18 for the error msgs
         return options.allrules.validate2fields.alertText;
      }
    }

以下声明将是

<input value="" class="validate[required,funcCall[checkHELLO]]" type="text" id="lastname" name="lastname" />

ajax [选择器]

使用异步AJAX请求将验证委托给服务器URL。选择器用于标识翻译文件中的属性块,请执行以下示例。

    <input value="" class="validate[required,custom[onlyLetterNumber],maxSize[20],ajax[ajaxUserCall]] text-input" type="text" name="user" id="user" />
 
 
 
    "ajaxUserCall": {
        "url": "ajaxValidateFieldUser",
        "extraData": "name=eric",
        "alertText": "* This user is already taken",
        "alertTextOk": "All good!",
        "alertTextLoad": "* Validating, please wait"
    },

* URL.–是呼叫的远程宁静服务
* extraData.–要发送的可选参数
* AlertText.–错误提示消息是验证失败
* AlertTextok.–可选提示是验证成功(显示绿色)
* AlertTextLoad.–执行验证时显示的消息

此验证器在Ajax部分的进一步详细信息中解释。

等于[Field.id]
检查当前字段’s值等于指定字段的值。

min [float]
验证字段时’如果较少或等于给定参数,则S值。

max [float]
验证字段时’如果更多或等于给定参数,则值。

minsize [整数]
验证元素内容大小(以字符为单位)是否更或等于给定的*整数*。整数 <= input.value.length maxsize [Integer]
验证元素内容大小(以字符为单位)是否小于或等于给定的*整数*。 Input.Value.Length.Length. <= integer 过去[现在或日期]

检查元素是否存在’S值(隐式的日期)早于给定的*日期*。什么时候“NOW”用作参数,日期将在浏览器中计算。请注意,服务器日期可能不同。日期使用ISO格式YYYY-MM-DD

    <input value="" class="validate[required,custom[date],past[now]]" type="text" id="birthdate" name="birthdate" />
    <input value="" class="validate[required,custom[date],past[2010-01-01]]" type="text" id="appointment" name="appointment" />

未来[现在或约会]

检查元素是否存在’S值(隐式的日期)大于给定的*日期*。什么时候“NOW”用作参数,日期将在浏览器中计算。请注意,服务器日期可能不同。日期使用ISO格式YYYY-MM-DD

    <input value="" class="validate[required,custom[date],future[now]]" type="text" id="appointment" name="appointment" /> // a date in 2009
    <input value="" class="validate[required,custom[date],future[2009-01-01],past[2009-12-31]]" type="text" id="d1" name="d1" />

MincheckBox [Integer]

void验证时的最小*整数*复选框被选中。
验证器使用特殊的命名约定来标识组的复选框。

以下示例,强制执行至少两个选中复选框

    <input class="validate[minCheckbox[2]]" type="checkbox" name="group1" id="maxcheck1" value="5"/>
    <input class="validate[minCheckbox[2]]" type="checkbox" name="group1" id="maxcheck2" value="3"/>
    <input class="validate[minCheckbox[2]]" type="checkbox" name="group1" id="maxcheck3" value="9"/>

注意input.name如何在字段中相同。

MaxCheckBox [Integer]

与上面相同,但限制了所选复选框的最大数量。

选择器

We’ve介绍了选择器的概念,而不提供有关它们的许多细节:选择器是一个字符串,用作匹配翻译文件中属性的键。
采取以下例子:

    "onlyNumber": {
        "regex": /^[0-9\ ]+$/,
        "alertText": "* Numbers only"
    },
    "ajaxUserCall": {
        "url": "ajaxValidateFieldUser",
        "extraData": "name=eric",
        "alertText": "* This user is already taken",
        "alertTextLoad": "* Validating, please wait"
    },
    "validate2fields": {
        "alertText": "* Please input HELLO"
    }

唯一的,唯一的曲线和validate2fields都是所有选择者。 jQuery.ValidationEngine配备标准集,但欢迎您添加您自己来定义Ajax后端服务,错误消息和/或新的正则表达式。

ajax.

ajax.验证有两种口味:

1.字段Ajax验证,当用户在字段中输入值并移开时发生。
2.表单Ajax验证,该验证在提交表单或调用validate()操作时进行。

这两个选项都是可选的。

协议

客户端将表单字段和值作为GET请求发送到Form.action URL。

Client calls url?fieldId=id1&fieldValue=value1&…etc ==> Server (form.action)

服务器使用数组列表响应:[FieldID,状态,errormsg]。

* fieldid是该字段的名称(ID)
*状态是验证的结果,如果通过,则为true,如果失败,则为false
* errormsg是提示文本的错误字符串(或选择器)

Client receives <== [["id1", boolean,"errorMsg"],["id2", false, "there is an error "],["id3", true, "this field is good"]] Server Note that only errors (status=false) shall be returned from the server. However you may also decide to return an entry with a status=true in which case the errorMsg will show as a green prompt.

回调

由于表单验证是异步委派到表单操作,因此我们提供了两个回调方法:

** OnBeforeajaxFormValidation(表单,选项)**在Ajax表单验证呼叫之前调用,可能会返回false以停止请求

** OnaJaxFormplete:函数(表单,状态,json_response_from_server,选项)**在Ajax表单验证呼叫后调用

自定义正则表达式

jquery.validationEngine附带了很多预定义的表达式。正则表达式指定:

<input value="" class="validate[custom[email]]" type="text" name="email" id="email" />

请注意,选择器在翻译文件中标识给定的正则表达式,还标识其关联的错误提示消息和可选的绿色提示消息。

电话
具有可选国家/地区代码和扩展名的典型电话号码。请注意,验证是**放松**,请为您的特定国家添加额外的验证。

49-4312 / 777 777
+1(305)613-0958 x101
(305)613 09 58 Ext 101
3056130958
+33 1 47 37 62 24延伸3
(016977) 1234
04312 – 777 777
91-12345-12345
+58 295416 7216

URL.
matched a url such as http://myserver.com, //www.crionics.com or ftp://myserver.ws

电子邮件
简单,电子邮件:[email protected]

日期
一个ISO日期,YYYY-MM-DD

数字
具有可选标志的浮点。 IE。 -143.22或.77,但也+234,23

整数
包含可选标志的整数。 IE。 -635 +2201 738.

ipv4
IP地址(V4)IE。 127.0.0.1.

唯一onlynbersp.
只有数字和空格字符

众所周知Sp
只有字母和空间字符

众所周知Number
只有字母和数字,没有空间

在过溢出的div中使用发动机

此方法的大变化是通常该发动机将把每个错误框附加到身体。在这种情况下,它将在输入验证之前附加每个错误框。这增加了一点复杂性,如果您希望错误框正常行为,您需要将输入包裹在DIV中的位置相对,并完全包裹输入宽度和高度。最简单的方法是通过添加float:左,如在所提供的示例中。

自定义

没有定制的好图书馆是什么?

添加正则表达式

添加新的正则表达式很容易:打开您的翻译文件并向列表添加新条目

    "onlyLetter": {
        "regex": /^[a-zA-Z\ \']+$/,
        "alertText": "* Letters only"
    },

* “onlyLetter”是一个示例选择器名称
* “regex”是一个javascript正常表达
* “alertText”验证失败时是否要显示的消息

您现在可以使用新的正则表达式

<input type="text" id="myid" name="myid" class="validation[custom[onlyLetter]]"/>

大学教师’忘了贡献!

定制外观和感觉

编辑文件* validationeengine.jquery.css *并自定义样式表到您的相似之处。它’如果您知道CSS,则琐碎。

添加更多locales.

您可以通过拍摄* jQuery.ValidationEngine-en.js *作为示例,轻松添加区域设置。
随意分享翻译 -

经验法则

* field.id是页面上的**唯一**
*出于简单性和一致性字段.ID和Field.Name应匹配(MincheckBox和MaxCheckBox验证器除外)
*在Field.id或Field.name中应避免空格或特殊字符.Name
*使用较低案例输入.Type IE。 *文本,密码,textarea,复选框,收音机*
*使用Ajax Validator最后一次。验证[自定义[次,长度[0,100],** ajax [ajaxnameCall] **]
*每个字段仅使用一个Ajax验证器!
* JSON服务应居住在同一台服务器上(或者您将进入浏览器安全问题)
* in a perfect RESTful world, http **GET** is used to *READ* data, http **POST** is used to *WRITE* data: which translates into -> ajax. validations should use GET, the actual form post should use a POST request.

贡献

贡献s are always welcome, you may refer to the latest stable project at [GitHub](//github.com/posabsolute/jQuery-Validation-Engine)
We use [Aptana](http://www.aptana.com/) as a Javascript editor and the Rockstart JSLint & Closure plugins http://update.rockstarapps.com/site.xml

执照

根据麻省理工学院执照许可

作者

版权所有(c)2010 CEDRIC DUGAS
V2.0由Olivier Refalo重写


如果您喜欢并使用此脚本,请考虑为我买啤酒’廉价和一种简单的方法来回馈!





版本1.7.1在线
2010年10月20日,Release V1.7.1:jQuery 1.4.3的兼容性版本
2010年7月1日,v1.7发布:div溢出的支持+小修复到内联Ajax验证+小代码大修
2010年2月1日,版本v.1.6.3:来自论坛的错误文件+ exempstring规则添加,更新到jQuery 1.4
11月23日,发布v.1.6.2:通过ajax加载的bugfix脚本,
11月23日,版本v.1.6.1:重构,外部LoadValidation()是背部工作,现在全部加载语言,添加设置为不是取得成功的扰乱表单,
10月29日,版本v.1.6:unbind验证调用成功函数时,option returniSvalid添加
10月27日,版本v.1.5:添加调试模式,可以在设置和CakePhp纠正的CakePhp中指定事件触发器
9月17日,发布v.1.4:更多框架支持,使用Mincheckbox和MaxCheckbox更改
8月25日,发布v.1.3.9.6:ajax提交,提示定位,具有多种形式的错误校正
8月13日,版本v.1.3:ajax验证,提示可在插件外使用,次要CSS更正
7月12日,版本v.1.3:使用ID而不是名称,次要CSS校正,可选的内联验证验证。
6月5日,版本v.1.2.1:添加可选验证
6月5日,释放v.1.1.2:易于错误的ERG EX,在同一页面上用多种表格纠正错误
6月4日,版本v.1.1:添加日期验证并选择所需的验证,使用组无线电输入纠正错误
6月1日,释放v.1.0

评论由于数量压倒性而关闭,请使用论坛进行支持。

广告

成为Web开发专家 tesking. 使用自我节奏 tesking hp0-d07 学习指南 tesking 646-671. jQuery tutorials.

491 thoughts on “jQuery内联表单验证,因为验证是一团糟

  1. 你好,
    非常好的代码,几个建议:

    1. ID,名称一致性*我不得不回合$(来电).ATTR(“name”) to $(caller).attr(“id”)为了获得.formError容器与symfony一起使用’s forms.
    作为symfony输入中的示例是用somename [input_name]作为名称和somename_input_name生成的,作为id。 .FormError容器赢了’隐藏。这种名称/ id生成有助于POST将表单值检索为请求中的数组

    2.粘着面板。举个例子: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
    .FormError容器定位绝对并在滑动时保持顶部。想要询问是否存在潜望expere父母可见性(表单,面板)并隐藏.formError容器的想法。认为这应该是可配置的。
    目前,单个黑客是在滑动时发现。在滑动时分别在滑动和0.9时找到fadeto 0(在滑动动作的末尾)
    在代码下方

    // Collapse Panel
    $(“#close”).click(function(){
    $(“div#panel”).slideUp(“slow”);
    $(“body”).find(“.formError”).each(function(){
    $(this).fadeTo(“fast”,0);
    });
    });

    // Expand Panel
    $(“#open”).click(function(){
    $(“div#panel”).slideDown(“slow”,function(){
    $(“body”).find(“.formError”).each(function(){
    $(this).fadeTo(“normal”,0.9);
    });
    });

    });

  2. @Mark可以使用它

    隐藏泡沫
    显示泡沫

    jQuery脚本:

    $(“#closeall”)。单击(函数(){
    $(“body”)。找到(“formerror”)。每个(函数(){
    $(此).fadeto(“快”,0); });
    });

    $(“#showall”)。单击(函数(){
    $(“body”)。找到(“formerror”)。每个(函数(){
    $(此).fadeto(“快”,0.9); });
    });

  3. 你好!

    哇好的代码。我喜欢它。看起来很好,很容易实现 -

    但是我有一个问题。我有一个表单,其中2个输入字段应该包含日期。例如,第一个字段有名称“start_date”第二个领域有名称“end_date”。是否有可能检查Start_date中的日期是否在End_date之日之前?开始日期< end_date?
    像DEATEPRIOR [FIELDID]或Datelater [FieldID]的东西。

    另外,还需要检查展位字段是否包含日期或两个字段不包含日期。因为你不应该进入日期“start_date”没有输入日期“end_date”, but it’S有效输入任何日期。

    这是某种方式与您的图书馆有可能还是易于实施?

    来自奥地利的人
    斯蒂芬

  4. 谢谢你的代码。

    我需要将此添加到旧CMS中’90.我必须用这样的javascript添加类。

    var inputid = $(此).attr(“id”);

    if(inputid==’navn’){
    $(此).removeclass()。addclass(‘验证[必需,自定义[次次],长度[0,100]]文本输入’);

    }else if(inputid==’e-post’){
    $(此).removeclass()。addclass(‘验证[必需,自定义[电子邮件]]文本输入’);
    }else if (inputid==’telefon’){
    $(此).removeclass()。addclass(‘验证[必需,自定义[电话]]文本输入’);
    ….

    但是,如果我添加了js的类,则它不起作用。是因为事件委派问题吗?

    任何人都可以告诉我如何让它工作甚至我必须用JS添加类?

  5. 很好的脚本。

    我一直在划分为多个子表单的大形式。在每个多个子表单上有2个按钮(上一个/下一个)(输入:按钮)。当人们单击下一个按钮时,我想运行验证。单击按钮是否有可能执行验证?

    据我所知,只有在表单上提交事件时会运行验证。谢谢。

  6. 如果要使用Date-Picker使用它,则必须添加此行:
    $(这个+”[class*=date-pick]”).filter(“[class*=validate]”).bind(“change”,函数(呼叫者){loadValidation(此)})

  7. 响应的THX。这段代码:

    $(“#closeall”)。单击(函数(){
    $(“body”)。找到(“formerror”)。每个(函数(){
    $(此).fadeto(“快”,0); });
    });

    $(“#showall”)。单击(函数(){
    $(“body”)。找到(“formerror”)。每个(函数(){
    $(此).fadeto(“快”,0.9); });
    });

    很棒,但当您在页面上有多种形式时,它将其关闭所有气泡。一世’m试图针对特定形式,但似乎无法达到工作。是否可以使用ID来定位特定形式?

  8. 嗨这是一个很棒的插件。但遗憾的是,演示中的日期验证并未’工作。我进入9999-33-11,它没有’t抛出任何验证错误。

  9. @mark unfortuny与当前代码hack不安’T工作2表格,因为
    错误迂回(泡沫)仅使用输入字段的名称生成。
    例子:
    <div class=”formError user_email”
    user_email是表单中的输入字段的名称。
    我认为可以调整代码以生成额外的HTML标记– i’d say “rel”要指向表单ID,因此您可以在Click()函数中过滤。
    如果CEDRIC将添加此功能增强,那将是很好的。

  10. 谢谢你的伟大插件。一世’m使用它与隐藏的firmsets无法使用问题。在我的形式下,取决于用户’S下拉列表中的选择,隐藏或显示表单的不同Fir原集合。此插件仍在尝试验证显示无的表单的部分。验证消息最终堆叠在窗口的左上角,以获取所有不可见的字段集。有没有办法,我可以使它仅验证aren的字段集’在提交表格时,T设置无显示?

  11. @cedric道格拉斯–嗨Cedric,我知道你的意思,.net确实乱搞了attr。

    你能不能使用与v1.3的大多数其他插件相似的rel attr或类似的东西?

    如果您可以订阅博客上的帖子,这也很好,以便我可以遵循答案,以防有一个修复..跟上伟大的工作 -

  12. 尝试了JSF的东西

    验证工作和消息出现,但当我返回并输入有效的输入并移出焦点时,错误消息不会消失。这似乎只与JSF InputText标记发生了。对解决方法的任何评论?

    谢谢,
    ABC.

  13. @shawn尝试使用可选而不是必需的,而不是完美的解决方案,而是应该工作。

    @Markive,当1.3将出版时,我会在网站上宣布它,订阅文章RSS Feed。我需要说这个名字使用是我没有想到的一个大问题,我会肯定会在下个月纠正这个问题。

    @Donny,如果你不幸的是进入白痴号码,它不会验证,更像是
    用户不匹配日期格式,可以使用更好的正则表达式。

    @Marius我会尝试改善泡沫的创造方式,所以它停止搞乱了这么大的人,

    I’m试图跟上所有的评论家伙,这个脚本有一个压倒性的回应,请理解我为我的工作创建了这个脚本我无法在它上工作全能的一天 -

  14. 嗨Cedric!

    这种形式是我见过的最佳形式,我试图使用你的验证,但是当我写瑞典角色时,验证引擎剂量识别它。

    我试图添加角色Åäö(不知道是否可以在Regex中看到它们),但它不会工作。

    你有没有提示或想法来制作这项工作?

    最好的祝福。

  15. @Charlie我不知道国际化如何用特殊字符,抱歉,也许你可以尝试修改正则表达式,你应该能够在一些瑞典编码站点找到您的语言的正则表达式验证。

  16. 嗨Cedric! -

    ive搞定了工作,不知道你是否在你的文档中想要这个…

    但这就是我的方式:

    1.我从UTF-8到8859-1更改了编码(如下:

    我添加了这个:
    “regex”:”/^[A-ZåäöÅÄÖa-z \ \’]+$/”,

    奇迹般有效! -

    轻松最好的jQuery Plge 2009!

  17. 这是一个很棒的代码。
    有一个人注意到,我想报告。

    我是日本人。它报告了很可能不会被告知,因为英语不被理解。

    当斜杠(/)与输入的名称和ID混合时,似乎不正确运行。

    前任)

  18. 做得好。我虽然只有一个问题。我的形式是一种长形,它被放置在一个div容器中,其高度变量(比浏览器窗口高度短)溢出:自动,所以我们可以看到滚动条。

    泡沫在第一次渲染时出现在奇数位置。有没有办法可以调整气泡的放置以匹配这种情况?

  19. 先生,你好
    谢谢你的好脚本。
    如何在说10秒后使提示消失,以便如果输入字段彼此非常靠近,请提示将数据输入到输入字段中。
    我尝试添加$(divformerror).fadeout(10000); $(divformerror).fadeto(“fast”,0.8);
    它可以正常工作,但在此之后,如果单击提交按钮,则不会出现错误。
    请指导
    谢谢

  20. 好脚本!

    以下代码可能存在问题…
    $(this).not(“[type=checkbox]”).bind(“blur”,函数(呼叫者){return loadValidation(此)})
    $(this + “[type=checkbox]”).bind(“click”,函数(呼叫者){loadValidation(此)})

    无论元素是否包含类属性值,都会对表单上的所有元素执行验证‘validate’.

  21. @cedric感谢您对隐藏元素所需的选择,所以他们赢了’t验证。如果我手动设置它们,否则您可以或其他人建议如何将类更改为可选的所有显示:无元素在验证之前?一世’m猜测我可以找到所有显示:无并更改类“validate[optional”提交,但我可以’要弄清楚在jQuery中写它的正确方法。甚至可以工作的东西吗?
    再次谢谢伟大的插件…我希望我能把它与隐藏的元素合作,仍然需要一些。

  22. 我认为日期验证应该像电话一样疯狂,而不是修复格式。谢谢你的好工作。

  23. 对你来说。

    如果我希望它是唯一的,我如何将PHP参数添加到用户名中?

    谢谢。

  24. 像WordPress中的魅力一样。我刚用jquery替换了所有$,所以没有与其他图书馆发生冲突。
    谢谢。

  25. 找到了这个验证的一个非常令人讨厌的问题。
    我有表格,您可以在哪里选择您要填写的名称,并通过下拉列表隐藏DIV。
    如果您显示4人,然后返回1,它仍然显示隐藏字段的错误。

    任何想法如何隐藏不可见输入的错误?

  26. 信用卡定制规则:

    我正在使用正则表达式:

    “regex”: “/ ^((4 \ d {3})|(5 [1-5] \ d {2}))( - ?| 40?)(\ d {4}( - ?| 40?)){3} | ^(3 [4,7] \ d {2})( - ?| 40?)\ d {6}( - ?| 40?)\ d {5} /”,

    这是行不通的。我直接从中获取此链接
    http://regexlib.com/REDetails.aspx?regexp_id=340

    请帮忙…

    很好。这个插件为我做了一切… Thank you

  27. @mack,我有同样的问题…有人建议我使隐藏的字段是可选的,并且有效,但我仍然需要一种方法来要求他们了’没有隐藏。如果您找到解决方案,请分享。

  28. 有没有人有任何建议来设置运行外部函数的内联规则,这可以将与字符串返回真正或假耦合作为错误消息。
    这将补偿任何添加的花式验证,如信用CAD号码。
    有许多外部JavaScript函数来执行此类功能。

    先感谢您。

  29. I’m测试此问题,但是当每次验证字段时,脚本正在创建一个新的div formerror,out destroy或修改存在于相同字段。如果我正确的字段错误,则div保持活动状态。你能帮助我吗?

    对不起我的英语(我’m Brazilian)

评论被关闭。