jquery - 存在默认值时如何在 Jquery 中显示验证错误

Question

我是 Jquery 的新手，尝试在任何地方搜索谷歌都没有运气，我正在寻找一个验证规则/或函数来验证表单并在默认值在表单中时要求，因此，不要将默认值计算为有效. 我尝试了几个没有运气的代码，我的 URL 是http://jconstruction.us.cloudlogin.co/formtst.php

Jquery 代码是

<script type="text/javascript">
$(document).ready(function()
{
    $("#myform").validate({
        valid: function(input){
                    var value = $("input").val();
                    if(value == "test"){ return false;}
                       // check input value against your default values
                       // - If match, return false (is NOT valid)
                       // - If no match, return true (is valid)
                     },  

        debug: false,
        rules: {
          name: "required",
          email: {
            required: true,
            email: true
          }
        },

        messages: {
            name: "Please let us know who you are.",
            email: "A valid email will help us get in touch with you.",
        },
        submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('proc.php', $("#myform").serialize(), 
                            function(data) {
                $('#light').html(data);
                $('#light').show();
                $('#fade').show();
            });
        }
    });
});
</script>

有效：函数输入是我尝试过的那个认为是最实用的输入，但是，我不知道在函数中放入什么来验证。任何帮助表示赞赏。提前致谢..

Answer 1

您$(input)需要是一个类或一个 id，不是吗？.还是#？

Answer 2

你的意思是这样的：

$.validator.addMethod("defaultInvalid", function(value, element) {
    //check if its default value, if yes then invalidate  
    return !(element.value == element.defaultValue); 
});

Answer 3

演示

这是使用默认值验证的插件

<form id="formID" class="formular" method="post">
     <input value="This is a placeholder" data-validation-placeholder="This is a placeholder" class="validate[required] text-input" type="text" name="reqplaceholder" id="reqplaceholder" />
</form>



<script>

    jQuery(document).ready(function(){

        // binds form submission and fields to the validation engine

        jQuery("#formID").validationEngine();

    });
</script>