jquery.validation不需要停止回发

时间:2012-01-13 17:55:41

标签: jquery-validate jsfiddle

我正在使用jQuery验证来尝试阻止用户回发,除非他符合几个资格。但是所需的选项似乎并没有使表格保持提交......

这是jsFiddle的一个例子:jsFiddle

我仔细检查了我的jQuery代码,看起来好像它正在运行。 jsFiddle说它是有效的代码。所以我不确定挂断是什么?

由于

1 个答案:

答案 0 :(得分:2)

jQuery.validate使用规则的名称,而不是ID。因此,请在输入字段中使用名称替换ID。

此外,您的表单应为<form id="temp1">而不是<form id="#temp">

以下是指向fixed code的链接:

<form id="temp1">
    <input type="text" name="HospitalFinNumber"/> Hospital Fin<br/>
    <input type="text" name="DateOfBirth"/>Date of Birth<br/>
    <input type="text" name="AdmitDate"/>Admit Date<br/>
    <input type="text" name="Comment"/>Comment<br/>
    <input type="submit" value="Save" class="button" id="btClick"/>
</form>

和脚本:

$(document).ready(function () {
    $("#temp1").validate({
        rules: {
            HospitalFinNumber: {
                required: true,
                minlength: 6
            },
            DateOfBirth: {
                required: true
            },
            AdmitDate: {
                required: true
            },
            Comment: {
                required: function (element) {
                    return $(element).val().length < 4000;
                },
                maxlength: 4000
            }
        },
        messages: {
            HospitalFinNumber: 'Please Enter a Hospital Fin number',
            DateOfBirth: 'Please enter a valid Date Of Birth',
            AdmitDate: 'Please select an Admit Date',
            Comment: 'Why dont you stop attempting to put in more than 4000 characters?  Thanks...'
        }
    });
});