Question

我正在尝试将jquery验证添加到现有的弹簧形式中。

如果您有以下

，则问题以春季形式出现

<form:input size="60" path="contact.emailAddressTxt"/>

生成的HTML是

<input id="contact.emailAddressTxt" type="text" size="60" value="" name="contact.emailAddressTxt">

如果您观察到name的值，则id会被生成。在Jquery验证插件时，当我尝试使用生成的名称设置规则时，无法加载。在Jquery中，我无法使用contact.emailAddressTxt

那么如何使用jquery validate plugin验证这些输入字段？

Answer 1

在jquery中，点是一个特殊字符，因此您需要将其转义。

尝试： $（ “＃接触\ .emailAdressTxt”）

否则，您还可以为每种验证类型使用一个类。像这样，您不需要显式绑定每个输入。

我不确定你是否可以控制在春天生成id的方式。在Jsf我使用了下划线，这很容易用jquery。也许你可以做类似的事情。

Answer 2

转义字符是\\而不是单个字符。以下代码工作

$("#contact\\.emailAdressTxt")

Answer 3

你可以设置我，即使在春天：输入标签

Answer 4

试试这个：

<form:input id="contactEmail" name="contactEmail" type="email" label="E-mail" size="60" path="contactEmail"/>

Answer 5

在Jquery验证插件时，当我尝试使用生成的名称设置规则时，无法加载。

您只需用引号包围name。

$("#myform").validate({
    rules: {
        "contact.emailAddressTxt": {
            required: true
        }
    }
});