这是一个我经常通过电子邮件提出的问题,我认为有足够的请求来保证一个小博客文章。

所有关于DOM

验证能力期望您的表单在初始化插件时要在页面上存在,这是模态插件缩短的地方。如果您使用的那些插件通常希望使用AJAX将新的HTML加载到文档中。

在这种情况下,您需要初始化验证能力 您加载了您的模态内容。一般模态插件有一个API,让您执行此操作。让’采取2示例,ColorBox和JQuey UI。

彩盒 :

$(document).bind('cbox_complete', function(){
    $("#formID").validationEngine();
});

jQuery UI:

$( ".selector" ).bind( "dialogopen", function(event, ui) {
 $("#formID").validationEngine();
});

这应该给你一个非常好的想法,你需要做什么。

27 thoughts on “使用模态使用jQuery验证引擎& dialog plugins

    1. 没有关于这里的建议。我正在使用jQuery UI模态来显示DIV,并且验证泡沫不显示。我通过对话框的打开方法初始引擎,仍然是一无所获的。验证似乎是触发,但泡沫刚刚逃亡’t displaying.

      有任何想法吗?

  1. 使用这些选项也可以使其与对话框的绝对定位一起使用:

    自动定位update:真实,
    scroll:false

  2. 实际上有效!

    $(‘#myDialog’).dialog({
    打开:功能(事件,UI){

    $(“#myDialog”).ValidationEngine();
    },
    关闭:功能(事件,UI){
    $(“#myDialog”).validationEngine(‘hideAll’);
    },
    buttons: {
    “Process”: function() {
    if (jQuery(‘#myDialog’).validationEngine(‘validate’)) {
    // … do something
    }
    },

  3. @Ezcric:您实际上是否测试了jQueryUI对话框代码?我无法搞定。在调试期间,我更换了
    $(‘form’).ValidationEngine();
    在您的示例代码中
    $(‘form’).EACH(函数(){ALERT($($(这).prop(‘name’)); });
    给我在代码中那个点可访问所有表单的名称。它给了我主文件中所有表单的名称,但不是Ajax加载对话框中的表单。

    @carlos:谢谢!这是伎俩。

  4. 哦!现在它的工作 - 我认为它可能是一个浏览器问题 - 无论如何,在深度阅读你的文章时,我看到了如何使用你的插件用jQuery ui对话框模态和颜色箱(从未尝试过的颜色框以上是你榜样中第二个模态的正确名称,所以如果我听起来那么请和我在一起’我走在灌木丛中– lol )

    无论如何,您需要使用jquery facebox运行它的任何特殊指令吗?
    http://archive.plugins.jquery.com/project/facebox

    I’m现在尝试使用一个原型的副本,我们重新使用面向框的消息,也可以创建新用户并将其插入DB中…所以它适用于XHTML文档的底线,它也会与HTML 5一起工作吗?什么我应该关心的东西或不是真的?

    非常感谢你非常精细的插件,我认为你们做得很好,如果一切顺利,我将能够在本周末入睡 -

    此外,您是否需要在拼写错误中进行一些审查,我相信我可以扫描你的文章…虽然漂亮简洁和清晰的写作风格!

    保持良好的工作!并期待着了解你的想法,jp-

  5. 所有的div.formerror如果在面向面框中,我们关闭它?会喜欢:

    $(文件).bind(‘close.facebox’, function() {
    $(document).unbind(‘keydown.facebox’)
    $(‘#facebox’).FASTOUT(函数(){
    $(‘#facebox .content’).removeclass()。addclass(‘content’)
    $(‘#facebox .loading’).remove()
    $(document).trigger(‘afterClose.facebox’)

    //这条线将工作吗?
    $(‘#facebox’).find(‘form’).each(‘div.formError’).hide();

    })
    hideOverlay()
    })

    没有做任何事情,但既不表明我错误。谢谢!

  6. 你好,

    做得好– thank you.

    但是使用HTML5字段,它并不起…

    例如

    最良好的问候

  7. 我为使用这个博客而道歉。在哪里’验证引擎支持的论坛吗?

    表单上的每个输入都有验证规则。我有两个按钮,“OK” and “Cancel”. When clicking “OK”,验证引擎应该验证。点击时“Cancel”,验证引擎不应验证,让我重定向到另一个网页,但我’m无法弄清楚如何。

  8. 我一直在使用验证能力,一点点,以及我遇到的一个局限性是缺乏自定义消息。我发现的另一个限制是我可以’t use ‘funcCall[someFunc]’ without using ‘required’ next to it.
    我提出了对您的代码的一些更改,这可能非常有用,并将删除这些限制。如果您想要那个代码,请给我发消息。

  9. I’m使用包含表单的jQuery对话框。但是,因为我’m using the dialog’s提交按钮提交表单,validationEngine不会在对话框提交时验证整个表单。如果表单包含提交按钮,您的引擎只能验证表单。

    是的,有办法可以获取对话框‘s提交按钮触发表单验证?

  10. 嗨,是否有一种方法如何验证字符串(如果包含一个字符)?示例如果输入文本有一个‘@’登录电子邮件将检查有效邮件是否有效。验证是可选的。这意味着它只检查它是否是有效邮件。(输入文本是姓名或电子邮件地址)我如何在脚本中实现这一点?

  11. 嗨,我在移动设备中显示错误消息时,我有问题,页面应该在我的页面中滚动到第一个错误消息这个功能在Web浏览器(PC)中工作正常,但在移动浏览器中没有正常工作,滚动位置指向其他地方。我正在使用jQuery验证引擎验证我的表单(Ver:验证引擎2.2,jQuery插件)和jQuery Mobile以创建表单。

    提前致谢

  12. 你好,
    在更改窗口的大小时,使用jQuery验证引擎在更改窗口的大小时,在适当位置显示验证消息的问题。当我提交表单时,验证消息将在旋转屏幕或调整大小时显示正确的位置时,消息不会移动到其正确的字段,它将保留在第1位本身。

    请指导意见。

  13. 我使用jQuery-Validation-Engine来验证表格,但我’ve a problem …. I’在DIV中的形式分为标签,我设置了这样的验证能力:

    $(“.test”).ValidationEngine({validatenonvisiblefields:true});
    在Not-Active选项卡中的字段上,在“提交”中良好…。但非活动选项卡中字段的弹出错误未对齐到相应的字段。

    _calculityPosition函数似乎忽略了域隐藏的实际坐标进行检查…

    有什么建议吗?

    谢谢

  14. 我使用jQuery-Validation-Engine来验证表格,但我’ve a problem …. I’在DIV中的形式分为标签,我设置了这样的验证能力:

    $(“.test”).ValidationEngine({validatenonvisiblefields:true});
    在Not-Active选项卡中的字段上,在“提交”中良好…。但非活动选项卡中字段的弹出错误未对齐到相应的字段。

    _calculityPosition函数似乎忽略了域隐藏的实际坐标进行检查…

    有什么建议吗?

    谢谢

评论被关闭。