向现有的jQuery表单处理脚本中添加规则

用户名

我正在具有以下现有脚本的客户端站点上工作:

/** Event Registration **/
var isSubmitingForm = false;
$(document).ready(function() {
    $("#eventRegForm").validate({
        invalidHandler: function(form, validator) {
            $("#eventRegForm span.input-text-error").removeClass("input-text-error");
            $("#eventRegForm div.textarea-error").removeClass("textarea-error");
        },
        submitHandler: function(form, validator) {
            $("#eventRegForm span.input-text-error").removeClass("input-text-error");
            $("#eventRegForm div.textarea-error").removeClass("textarea-error");
            var formData = "ServerProcess=true&FriendlyName=Event Registration&" + $("#eventRegForm").serialize();
            $.ajax({
                type: "POST",
                url: "/forms/generic",
                data: formData,
                beforeSend: function(){
                    if(!isSubmitingForm) {
                        isSubmitingForm = true;
                    } else {
                        return false;
                    }
                    $("#eventRegForm").prepend("<div class='loading'>Loading...<div>");
                },
                success: function (responseText) {
                    $("#eventRegForm").clearForm();
                    isSubmitingForm = false;
                    $("#eventRegForm div.loading").fadeOut(function() {
                        if($("#eventRegForm div.message").get(0)) {
                            $("#eventRegForm div.message").remove()
                        }
                        $("#eventRegForm").before("<div class='message message-success'><h5>Thank you for taking the time to complete this form.</h5>Your submission was sent.</div>");
                        $('html, body').animate({ scrollTop: 0 }, 'slow');
                        $('form#eventRegForm').fadeOut();
                    });
                },
                error: function (responseText) {
                    $("#eventRegForm").clearForm();
                    isSubmitingForm = false;
                    $("#eventRegForm div.loading").fadeOut(function() {
                        if($("#eventRegForm div.message").get(0)) {
                            $("#eventRegForm div.message").remove()
                        }
                        $("#eventRegForm div.line:eq(0)").before("<div class='message message-error'><h5>Error!</h5>An error has ocurred. Please try again.</div>");
                    });
                }
            });
        },
        rules: {
            eventRegFormName: {
                required: true
            },
            eventRegFormLastName: {
                required: true
            },
            eventRegFormEmail: {
                required: true
            }
        },
        messages: {


        },
        errorPlacement: function(error, element) {
            element.parent().addClass("input-text-error");
            element.parent().addClass("textarea-error");
        },
        onsubmit: true,
        onkeyup: false,
        onfocusout: false
    });

    $("#eventRegForm a.button").click(function () {
        $("#eventRegForm").submit();
    });
});

我无法在实时站点上编辑现有脚本,但可以在包含在页面上的包含文件中添加新的jQuery。这里需要的是我<select>在表单中向插入更多选项使用这些新选项,现在需要选择字段本身。第一个默认选项将是空白/空值。

在我的新jQuery代码中(如果可能的话),该代码将在上面的脚本文件之后运行,如何添加更多规则?<select>需要被要求具有eventRegFormEventTitle的ID。

赖利

有关规则,请参见jQuery Validation文档

$('#eventRegFormEventTitle').rules('add',{required:true});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证插件。向现有规则添加新规则

来自分类Dev

jQuery验证插件。向现有规则添加新规则

来自分类Dev

在现有的重写规则.htaccess中添加斜杠

来自分类Dev

向现有的jQuery插件添加弹出功能

来自分类Dev

向现有的列中添加额外的列

来自分类Dev

在现有的PHP脚本中添加if else语句

来自分类Dev

向现有的MongoDB文档中添加字段(Node.js中带有Mongoose)

来自分类Dev

向现有的MongoDB文档添加字段(Node.js中带有Mongoose)

来自分类Dev

具有类和方法的表单操作会添加到现有的url中

来自分类Dev

向现有的Azure AD应用注册中添加新的静态范围

来自分类Dev

向现有的Linq查询中添加其他WHERE子句

来自分类Dev

向现有的多对多关系中添加其他列-EF代码优先

来自分类Dev

如何在asp.net mvc中向现有的类或对象添加新类型

来自分类Dev

如何根据 Python 数据框中现有的值向新列添加值?

来自分类Dev

在现有的MDX中添加列

来自分类Dev

在现有的 <li> 中添加 <ul>

来自分类Dev

向现有的Pycharm项目添加Flask支持

来自分类Dev

向现有的Git标签添加新的提交

来自分类Dev

向现有的mysql用户添加新的主机条目

来自分类Dev

如何向现有的Winforms控件添加属性

来自分类Dev

向现有的.htaccess添加选项

来自分类Dev

向现有的数组Linq数组添加维度

来自分类Dev

向现有的make目标添加依赖项

来自分类Dev

向现有的Chainer网络添加额外的输出

来自分类Dev

向现有的CQRS事件添加更多属性

来自分类Dev

向现有的Ubuntu桌面安装添加RAID

来自分类Dev

向现有的 javascript 对象添加新属性

来自分类Dev

添加到现有的较早的幻灯片脚本中以包含图像标题

来自分类Dev

如何将C#方法添加到现有的大型wix脚本中

Related 相关文章

  1. 1

    jQuery验证插件。向现有规则添加新规则

  2. 2

    jQuery验证插件。向现有规则添加新规则

  3. 3

    在现有的重写规则.htaccess中添加斜杠

  4. 4

    向现有的jQuery插件添加弹出功能

  5. 5

    向现有的列中添加额外的列

  6. 6

    在现有的PHP脚本中添加if else语句

  7. 7

    向现有的MongoDB文档中添加字段(Node.js中带有Mongoose)

  8. 8

    向现有的MongoDB文档添加字段(Node.js中带有Mongoose)

  9. 9

    具有类和方法的表单操作会添加到现有的url中

  10. 10

    向现有的Azure AD应用注册中添加新的静态范围

  11. 11

    向现有的Linq查询中添加其他WHERE子句

  12. 12

    向现有的多对多关系中添加其他列-EF代码优先

  13. 13

    如何在asp.net mvc中向现有的类或对象添加新类型

  14. 14

    如何根据 Python 数据框中现有的值向新列添加值?

  15. 15

    在现有的MDX中添加列

  16. 16

    在现有的 <li> 中添加 <ul>

  17. 17

    向现有的Pycharm项目添加Flask支持

  18. 18

    向现有的Git标签添加新的提交

  19. 19

    向现有的mysql用户添加新的主机条目

  20. 20

    如何向现有的Winforms控件添加属性

  21. 21

    向现有的.htaccess添加选项

  22. 22

    向现有的数组Linq数组添加维度

  23. 23

    向现有的make目标添加依赖项

  24. 24

    向现有的Chainer网络添加额外的输出

  25. 25

    向现有的CQRS事件添加更多属性

  26. 26

    向现有的Ubuntu桌面安装添加RAID

  27. 27

    向现有的 javascript 对象添加新属性

  28. 28

    添加到现有的较早的幻灯片脚本中以包含图像标题

  29. 29

    如何将C#方法添加到现有的大型wix脚本中

热门标签

归档