jquery表单向导和验证

时间:2012-07-05 20:15:28

标签: jquery asp.net

我正在尝试使用带有asp.net的jquery表单向导来创建一个多步骤表单。我已经构建了表单,但在验证电子邮件时遇到了问题。在进行下一步之前,我有两个表单字段电子邮件并确认应该匹配的电子邮件。 我遇到的问题是我正在使用母版页,所以我的控件ID被重命名.jquery表单向导的validationOptions似乎是在查看输入控件的名称属性而不是ID,所以设置clientidmode也不行。我正在寻找有关如何使这项工作的建议或替代方案。

这是我的标记

        <label for="txtconfemail">Confirm Email</label>
   <asp:TextBox CssClass="input_field_12em" runat="server" ID="txtconfemail"  ClientIDMode="Static"></asp:TextBox>

这是我的javascript。此代码仅检查所需(不是等于),甚至不起作用。

               <script type="text/javascript">
    $(function () {

        $("#myform").formwizard({
            formPluginEnabled: true,
            validationEnabled: true,
            focusFirstInput: true,
            formOptions: {
                success: function (data) { $("#status").fadeTo(500, 1, function () { $(this).html("You are now registered!").fadeTo(5000, 0); }) },
                beforeSubmit: function (data) { $("#data").html("data sent to the server: " + $.param(data)); },
                dataType: 'json',
                resetForm: true
            },
            validationOptions: {
                rules: {
                    txtconfemail : {
                        required: true

                    }
                },
                messages: {
                  txtemailconf:
                     { 
                        required:"Email is required"

                    }

               }
            }
        }
            );
    });
</script>

如果我用ctl100 $ MainContent $ txtconfemail替换txtemailconf,那么我的验证就会被解雇。

1 个答案:

答案 0 :(得分:0)

尝试使用

    <%= txtconfemail.UniqueID %>