0

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

这是带有示例的 jsFiddle:jsFiddle

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

谢谢

4

1 回答 1

2

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

你的表格也应该是<form id="temp1">而不是<form id="#temp">

这是您的固定代码的链接:

<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...'
        }
    });
});
于 2012-01-13T17:59:31.183 回答