Jquery无法验证启用的表单

时间:2013-03-06 08:06:16

标签: jquery asp.net jquery-validate

我正在做复杂的注册表格。我正在做很多Jquery.validation并且除了在一个表单元素之外完美地工作。该表单元素是input = text。它在开始时被禁用,并且如果选择了其中一个单选按钮则启用。因此,除了此输入外,我的验证系统按预期工作。

这是html代码......

    <form class="form_third">
      <div id="div_muayenehane" style="display:none">
         <div>Telefon&nbsp;<span id="Span13" style="font-size:11px;color:red"></div><div style="line-height: 3px">&nbsp;</div>
         <div><input type="text" id="txt_telefon" name="txt_telefon" style="width: 200px" class="blue_input required" minlength="11" maxlength="11" placeholder="02125556677"; /></div><div style="line-height: 6px">&nbsp;
      </div>
    </div>
    </form>

这是jquery代码......

$("#form_third").validate({
            submitHandler: function () {
                return false;
            },
            errorPlacement: function (error, element) {
                error.appendTo(element.parent().prev().prev().children('span'));
            },
            rules: {
                txt_telefon: {
                    required: true,
                    digits: true
                }
            }
        });

它应该验证txt_telefon并在Span13中显示错误消息,但它不起作用。它没有做任何事情。你认为我应该使用“.on”事件或其他因为div_muayenehane在加载时被禁用

3 个答案:

答案 0 :(得分:2)

问题似乎在这里:

$("#form_third")

应该是

$(".form_third")

因为“form_third”是class属性,而不是id。

答案 1 :(得分:2)

表单标记<form id="form_third" class="form_third">

中的位更改

答案 2 :(得分:1)

变化

$("#form_third")


to


$(".form_third")

您需要使用。(点)表示类,#表示ID。