jquery验证程序HTML表单

我正在尝试使用jquery validator验证表单文本框，它可以与zend framwork表单配合使用，但不适用于任何HTML表单，下面是代码： 1） 这是html页面中的脚本：

<script>
    $("#newsletter").validate({
        rules: {
            newsletter_input:{
                email: true
            }
        }
    });
</script>

$（“#时事通讯”）.validate({
规则：{
新闻稿输入：{
电子邮件：真的
}
}
});

2） 表格如下：

  <form id="newsletter">
  <input type="text" name="newsletter-input" id="newsletter_input" class="clickable_search email " title="enter your e-mail" value="enter your email" />
  <input type="submit" value="" id="newsletter-submit" />
   </form>

我在这里遗漏了什么？

<script>
$("#newsletter-submit").click(function() {
    $("#newsletter").validate({
        ..
    });
});
</script>

$（“#新闻稿提交”）。单击（函数（）{
$（“#时事通讯”）.validate({
..
});
});

$（“#新闻稿提交”）。单击（函数（）{
$（“#时事通讯”）.validate({
..
});
});

验证对象的rules属性作用于元素的name属性，而不是id，因此脚本代码应为：

<script>
    $(document).ready(function() {
        $("#newsletter").validate({
            rules: {
                "newsletter-input":{
                    email: true
                }
            }
       });
    });
</script>

$（文档）.ready（函数（）{
$（“#时事通讯”）.validate({
规则：{
“新闻稿输入”：{
电子邮件：真的
}
}
});
});

请注意-not u

还值得注意的是，由于字段名中的破折号不是合法的javascript标识符，因此需要引用字段名才能使规则生效

---

就个人而言，我会避免在name和id属性中使用破折号，而是使用Camel case，validate对象的rules属性作用于元素的name属性，而不是id，因此您的脚本代码应该是：

<script>
    $(document).ready(function() {
        $("#newsletter").validate({
            rules: {
                "newsletter-input":{
                    email: true
                }
            }
       });
    });
</script>

$（文档）.ready（函数（）{
$（“#时事通讯”）.validate({
规则：{
“新闻稿输入”：{
电子邮件：真的
}
}
});
});

请注意-not u

还值得注意的是，由于字段名中的破折号不是合法的javascript标识符，因此需要引用字段名才能使规则生效

---

就我个人而言，我会避免在name和id属性中使用破折号，而是使用Camel大小写

您在页面上包括jQuery脚本吗

试着简单地说：

<script>
$(document).ready(function() {
    $("#newsletter").validate();
});
</script>

---

这应该行。

您在页面上包括jQuery脚本了吗

 <form id ="myform">
 <input type="text" name="newsletter" id="newsletter" class="clickable_search required email " title="أدخل البريد الإلكتروني" value="أدخل البريد الإلكتروني" />
 <input type="submit" value="" id="newsletter-submit" />
 </form>
 <script>
  $(document).ready(function(){
  $("#myform").validate({
  rules: {
  field: {
  required: true,
  email: true
     }
    }
   });
  });
  </script>

试着简单地说：

<script>
$(document).ready(function() {
    $("#newsletter").validate();
});
</script>

那应该行。

 <form id ="myform">
 <input type="text" name="newsletter" id="newsletter" class="clickable_search required email " title="أدخل البريد الإلكتروني" value="أدخل البريد الإلكتروني" />
 <input type="submit" value="" id="newsletter-submit" />
 </form>
 <script>
  $(document).ready(function(){
  $("#myform").validate({
  rules: {
  field: {
  required: true,
  email: true
     }
    }
   });
  });
  </script>

$（文档）.ready（函数（）{
$（“#myform”）。验证({
规则：{
字段：{
要求：正确，
电子邮件：真的
}
}
});
});

这是我在表单上添加id的唯一方法

$（文档）.ready（函数（）{
$（“#myform”）。验证({
规则：{
字段：{
要求：正确，
电子邮件：真的
}
}
});
});

---

这是我在表单上添加id的唯一方法

我更改了名称并避免了所有破折号，但仍然存在相同的问题未验证刚刚注意到您还缺少document ready事件挂钩。我更改了名称并避免了所有破折号，仍然存在相同的问题未验证刚刚注意到您也缺少文档就绪事件挂钩。