2015-10-20 130 views
-1

对于下面的输入字段...jquery验证.rules()验证有效,但消息不显示?

<input type="text" value="" name="registerModel.Name" id="registerModel_Name" placeholder="Your display name" class="form-control" aria-required="true"> 

...我添加了一个简单的验证规则:

$('input[name="registerModel.Name"]').rules('add', { 
     required: true, 
     messages: { 
      required: "Required input" 
     } 
    }); 

验证工作,当我点击表格的提交按钮它不是发送:

<input type="text" value="" name="registerModel.Name" id="registerModel_Name" placeholder="Your display name" class="form-control input-validation-error" aria-required="true" aria-describedby="registerModel_Name-error" aria-invalid="true"> 

但是不显示错误消息。

这是一个引导形式,但我在过去没有任何问题与jquery验证和引导。

非常感谢您的帮助。

<form method="post" enctype="multipart/form-data" action="/" id="formvalidatemember" novalidate="novalidate"> 
    <div class="form-group"> 
     <label class="form-control-label col-sm-3" for="registerModel_Name">Your name</label> 
     <div class="col-sm-9"> 
      <input type="text" value="" name="registerModel.Name" id="registerModel_Name" placeholder="Your display name" class="form-control" aria-required="true"> 
     </div> 
    </div> 
    <div class="col-sm-offset-3 col-sm-9"> 
     <button class="btn btn-secondary buttonSendForm" type="submit">Register</button> 
    </div> 
</form> 

$(function() { 
$("#formvalidatemember").validate(); 
$('#registerModel_Name').rules('add', { 
    required: true, 
    minlength: 6, 
    messages: { 
    required: "Required input", 
    minlength: jQuery.validator.format("Please, at least {0} characters are necessary") 
    } 
}); 
}); 
+0

它对我来说工作得很好:http://jsfiddle.net/k5dqqhaq/您是否记得使用'.validate()'方法初始化插件?否则,显示足够的代码来重现问题。 – Sparky

+0

谢谢你的例子。我有bootstrap 4alpha。看到它的作品找到你,我开始想知道这是否是问题的原因。 – Anja

+0

我已经证明发布的代码正在工作,所以现在的负担是给你提供足够的代码来重现问题。否则,这个问题不太可能对任何人有帮助。谢谢。 – Sparky

回答

-1

我升级jquery验证到最新版本,现在它的工作。很抱歉。