0

我有一个问题，我不知道我做错了什么，因为我遵循了几个示例，但没有一个有效，我没有收到任何错误，任何信号，什么都没有，也许有人可以帮助我

这是我的代码 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">

查询：

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

   });

这是我第二次尝试使用这个插件，因为它看起来很简单，它对我来说没有提前谢谢

4

1 回答 1

1

您发布的代码运行良好，您可以在此处看到：

http://jsfiddle.net/NP8sS/

一些注释，但是只有第一项可以完全破坏事情：

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

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

<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>在最后加上一个标签。

于 2013-03-11T15:49:53.153 回答