jQuery验证规则不适用于嵌套的html标签

jQuery validation rule not working for nested html tags

本文关键字：html 标签 嵌套 适用于 验证 规则 不适用 jQuery      更新时间：2023-09-26

我有一个关于jQuery中的验证方法和添加规则的问题，所以说我有:

  $("#myform").validate({
  rules: {
  zip: {
    field: {
      required: true,
      maxlength: 5,
    }
  }
});

现在我的表单布局是这样的:

<body>
<div>
<form id="myform">
<label>
   <span>label</span>
   <input name="zip" type="text" id="zip" class="required" size="50">
</label>
<label>
         //some stuff here
</label>
</form>
</div>
</body>

问题是为什么验证不是在zip中执行的?当我在正文中只输入文本而没有其他内容时，它可以工作

Edit:

我刚刚查看了你链接的网站和jquery验证&委托插件在您的站点(http://adityaherlambang.com/)抛出403。更新url引用到这些脚本，你应该很好去。

验证:http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js

原始:

看起来你的验证js有点off。尝试使用:

$("#myform").validate({
   rules: {
    zip: {
      required: true,
      maxlength: 4
    }
  }
});

相关网址:http://jsfiddle.net/gp4vB/

您没有关闭Zip输入标记。它应该像下面这样:

<input name="zip" type="text" id="zip" class="required" size="50" />

首先你不能把input放在label里面。应该这样组织:

<label for="cname">Name</label>
<input type="text" id="cname" name="cname" />

关闭input标签

<input name="zip" type="text" id="zip" class="required" size="50" />
    $(document).ready(function () {
        $("#myform").validate({
            rules: {
                zip: {
                    required: true,
                    maxlength: 4
                }
            }
        });
    });
相关文章：