jquery - 验证引擎（）中的多个条目

Question

我需要验证表单并需要在不同字段上显示自定义错误消息，而它们都是“必填”字段。我的代码不起作用，我不知道哪里出错了。我是 JQuery 的新手。

jQuery(document).ready(function(){

    $("#form_message").validationEngine('attach', {
        onValidationComplete: function(form, status){
            if(status == true){
                submitMessage();                
            }
        }   
    });

    $("#form_message").validationEngine(
            {'custom_error_messages': {
            // Custom Error Messages for IDs
            '#toWhom' : {
            'required': {
            'message': "Fill this field."
            }
            }               
        }
    });

});

我尝试了很多方法来放置这两个代码段，但它们不能一起工作。如果我注释掉第一部分，第二部分有效，反之亦然。

<form id="form_message" name="form_message" action="" method="post">
<p>
    <label for="toWhom">To :</label>
    <input id="toWhom" name="toWhom" type="text" value="" onClick="switchTo('selectEmployee');"
    class="validate[required]">
</p>
<p>
    <label for="submitBut">&nbsp;</label>
    <input name="submitBut" id="submitBut" type="submit" value="<%= gs("submit") %>" class="BUT">
</p>
</form>

感谢是否有人可以指出错误。

Answer 1

我得到了这个工作:) 发布答案也许其他人可能需要它。

jQuery(document).ready(function(){

    jQuery("#form_message").validationEngine({'custom_error_messages': {
        '#toWhom' : {
            'required': {
                'message': "Fill this field!"               
            }   
        }
    }   
    ,
    onValidationComplete: function(form, status){
        if(status == true){
            submitMessage();                
        }
    }});    

});

Answer 2

尝试使用名称进行 jquery 验证

添加链接

<script type="text/javascript"  src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>

代码：

$("#form1").validate({
    rules: {
        toWhom: "required"
}
 messages: {
        toWhom: "Please enter your name"
}
});