如何使用JQUERY unobtrusive为div标签添加验证？

Question

我使用"JQUERY unobtrusive“java脚本进行验证。我在div标签中使用了一个标签和一个文本框控件。当我点击Submit按钮时，我需要将整个div(divName)的背景颜色标记为红色。

   <div class="form-group" id="divName">
    <label for="your-name-id">Your name:</label>
    <input type="text" name="yourname" id="your-name-id" placeholder="Please enter your name"      
  </div>

Answer 1

highlight: function(element, errorClass, validClass) {
    $(element).addClass(errorClass).removeClass(validClass);
    $(element).closest('.form-group').addClass(errorClass).removeClass(validClass);
    //errorClass is a class which will have background-color as red CSS and validClass will have background-color as green CSS
},
unhighlight: function(element, errorClass, validClass) {
    $(element).removeClass(errorClass).addClass(validClass);
    $(element).closest('.form-group').addClass(validClass).removeClass(errorClass);
}

有关更多信息，请查看文档