Question

Pls有没有人知道如何在jquery验证插件（http://jquery.bassistance.de/validate/demo/milk/#）的Remember the Milk示例中显示错误/成功消息输入字段。

我的表格在非常小的盒子里面。我做了一些研究，并对网站上使用的脚本搞砸了。我看到消息被附加到表单标签的位置，但我不知道在输入字段中显示错误/成功消息所需的jquery方法。还记得牛奶使用表格的形式，我没有在我的。我的表单与jquery验证页面上的演示几乎相同。

jquery验证插件：http://docs.jquery.com/Plugins/Validation#demo

感谢。

Answer 1

除了输入元素之外，你可以做一个div或span。最初div将隐藏，根据验证，您可以显示或隐藏div将显示错误消息。

我只想尝试一个样品..

<强> HTML

<input type="text" name="email" id="email"/>
<div id="errorDiv" style="display:none">Error Message</div>
<div id="okDiv" style="dispaly:none">Ok</div>

<强>脚本

$(document).ready(function(){
  $("#myForm").validate({
    rules: {
               email:{
                  required: function (element) {
                      if($(element).text()=="")
                      {
                          $('#errorDiv').show();
                          $('#okDiv').hide();
                      }
                      else
                      { 
                          $('#errorDiv').hide();
                          $('#okDiv').show();
                      } 
                  }
           }
  });
});

试试这个

修改jquery验证插件以在输入字段中显示消息

1 个答案: