Question

我正在使用jQuery验证插件来验证表单元素。默认情况下，调用验证程序的form方法，如果该元素有效则不会显示错误消息（当然这是正确的），但是，当我将元素设置为无效时，错误消息也不会显示。下面是我的代码。

<script>
$(function () {
    $("form").validate({
        rules: {
            sex: {
                required: true
            },
            age: {
                required: true
            }
        },
        messages: {
            sex: {
                required:"Please Chose Your Sex"
            },
            age: {
                required:"Please Fill Your Age"
            }
        }
    });
    $("[name=btn]").on("click", function () {
        $("form").validate().form();
    });
});

<form>
<div>
    Sex:
    <select name="sex">
        <option value="">Chose Your Sex</option>
        <option value="1" selected="selected">Male</option>
        <option value="2">Female</option>
    </select>
</div>
<div>
    Age:
    <input name="age" />
</div>
<input name="btn" value="save" type="button" />

第一步：点击按钮，性别元素有效，年龄元素无效，显示年龄错误信息。

第二步：填写年龄，错误信息将消失。

第3步：选择第一个项目的性别（选择您的性别），希望它可以显示性别错误消息，但是会一直显示，直到再次单击该按钮为止。

希望有人能帮助我！

如何通过jQuery验证强制验证有效元素

0 个答案: