jquery验证错误消息放置

Question

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

这是我的规则

$().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. addClass

   $（ '＃telephoneerror'）addClass（ 'MyClass的'）;

2. ATTR

   $（ '＃telephoneerror'）ATTR（ '风格'， '显示：直列块'）;

3. CSS

   。

   $（ '＃telephoneerror'）的CSS（ '显示'， '内联块'）;