javascript表单验证 - 定位

时间:2010-03-16 09:01:45

标签: php javascript jquery

我有一小段用于验证'我的表单。我需要帮助来定位错误消息,因为现在所有消息都出现在字段中,因此用户无法看到它,因此它非常烦人。

$(document).ready(function() {
jQuery.validator.addMethod("lettersonly", function(value, element) {
        return this.optional(element) || /^[a-zőöüóúéáűí ]+$/i.test(value);
}, "<?php echo $lettersonly; ?>");  
    $("#regval").validate({
        rules: {
            name: {
                required: true,
                minlength: 5,
                maxlength:30,
                lettersonly: true
            },
            nick: {
                required: true,
                minlength: 3,
                maxlength:12
            },
            pass1: {
                required: true,
                minlength: 5
            },
            pass2: {
                required: true,
                minlength: 5,
                equalTo: "#pass1"
            },

          messages: {
            full: {
                required: ".....",
                minlength: "....",
                maxlength: "...."
            },
            nick: {
                required: "....",
                minlength: "....",
                maxlength: "...."
            },
            pass1: {
                required: "....",
                minlength: "..."
            },
            pass2: {
                required: "....",
                minlength: "....",
                equalTo: "...."
            },

    });

});
</script>

1 个答案:

答案 0 :(得分:0)

“申请日”?

如果不真正了解错误消息的显示位置,建议您查看文档。

jQuery Validation Plugin: Options Documentation

您可以使用多种选项/方法来修改插件的默认错误生成/放置。

errorElement:如果错误不应该是标签

wrapper&amp; errorLabelContainer:如果你是想要一个ul / li特定的地方所有错误应该显示而不是放在输入字段附近有错误

errorPlacement(函数):当验证的输入有错误时,只调用一次。使用此功能,您可以将错误元素放在任何需要的位置。之后,相同输入的所有后续错误消息都显示在同一位置