Jquery输入表单默认值验证

Question

我在 http://wines.effectwave.com/ 的侧边栏上有一个小的提交表单我正在尝试用 Jquery 验证它。我想检查是否有人使用默认值(例如“全名”)提交表单，那么它应该会引发错误。到目前为止，我已经针对空值和最少字符对其进行了验证。但是我如何检查默认值的这种情况呢？这是到目前为止我的 Jquery 代码:

// JavaScript Document

$().ready(function() {

    // validate signup form on keyup and submit
    $("#regform").validate({
        rules: {

            fname: {
                required: true,
                minlength: 3
            },

            phone: {
                required: true,
                minlength: 8
            },

            comments: {
                required: true,
                minlength: 5
            },
            email: {
                required: true,
                email: true
            },
        },

        messages: {

            fname: {
                required: "Please enter your full name",
                minlength: "Your full name must consist of at least 3 characters"
            },

            phone: {
                required: "Please enter your phone number",
                minlength: "Your phone number must consist of at least 8 characters"
            },

            comments: {
                required: "Please provide some comments",
                minlength: "Your comments must be at least 5 characters long"
            },
            email: "Please enter a valid email address",
        }
    });

});

Answer 1

您可以考虑在 HTML 中使用占位符代替值吗？

转动这个:

<input type="text" name="fname" id="fname" value="Full Name"...

进入:

<input type="text" name="fname" id="fname" placeholder="Full Name"...

它看起来相同，但实际的“值”是空的，因此您应该能够检查它们是否已填充。

有关占位符的更多信息，请访问 http://www.w3schools.com/tags/att_input_placeholder.asp