Question

我有一个问题，我不知道我做错了什么，因为我按照几个例子，没有一个工作，我没有得到任何错误，任何信号，没有，也许有人可以帮助我

这是我的代码 HTML：

 <form id="contact" method="post" action="#">
                <fieldset>
                    <label for="name">NAME</label>
                    <input type="text" class="required input-xlarge" id="name-contact" name="name-contact" value="" placeholder="" minlength="2">

Jquery的：

   $( "#contact" ).validate({
        rules: {
               "name-contact":{
                   required: true
               } 
       },
       messages: {
            "name-contact": {
                required: "Please, enter a name"
            }
       }

   });

这是我第二次尝试使用这个插件，因为它看起来很容易，它不适合我提前致谢

Answer 1

您发布的代码工作正常，如您所见：

<强> http://jsfiddle.net/NP8sS/

有些注意事项，但只有第一项才能完全破解：

1）也许您忘了包含jQuery和/或jQuery Validate插件。在“框架”和“外部资源”下查看jsFiddle的左侧面板。您是否收到任何JavaScript错误？

您应该按此顺序排列两行，其中src包含指向您放置这些文件的位置的正确网址：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

2）您已在两个地方指定了规则。您在required内有.validate()规则，minlength元素内有name-contact规则。也许更加一致并将它们组合在一起：

http://jsfiddle.net/NP8sS/1/

rules: {
    "name-contact": {
        required: true,
        minlength: 2
     }
},

3） for中的<label>属性包含无效name。应该是：

<label for="name-contact">NAME</label>

4）您没有关闭<form>。您需要在末尾添加</form>标记。

使用jquery-validate.js进行表单验证

1 个答案: