jquery 验证错误消息放置

Question

我有一些带有不同错误消息的 span 元素。它们采用display:none 样式，我想将此属性更改为“内联”而不是显示错误消息。

这是我的规则

$().ready(function() {
 
 // validate signup form on keyup and submit
 $("#form").validate({
  rules: {
   telephone: {
    required: true,
    minlength: 9,
    maxlength: 9,
    number: true
   },
   email: {
    required: true,
    email: true
   }
      
  },
  messages: {
   telephone: {
    required: "The telephone is required",
    minlength: "The must have at least 9 digits"
   },
   email: "Please enter a valid email"
   });
});

我的 span 元素如下所示：

<span id="telephoneerror" class="infoerror" style="display:none">The telephone is required</span>
<span id="telephonelenghterror" class="infoerror" style="display:none">The must have at least 9 digits</span>

我是 jQuery 的初学者。

谢谢。

Answer 1

你有不同的方法来做到这一点

1. 添加类

   $('#telephoneerror').addClass('myclass');

2. 属性

   $('#telephoneerror').attr('style','display:inline-block');

3. css

   $('#telephoneerror').css('display','inline-block');