0

我正在尝试使用此脚本来验证表单:http: //validator.codeplex.com/

我正在尝试创建一个具有默认值的输入字段:“名字和姓氏”

<div class="RightForm"><input type="text" id="firstlastname" name="firstlastname"
value="First and Last Name" style="width: 175px; float:right;" validate="form" invalid=
"<b>First and Last Name missing</b><br/>Please enter your First and Last name." 
invalidVal="First and Last Name" /></div>

如果此人在不更改默认值的情况下单击提交,我希望验证显示脚本的默认弹出警告消息“需要名字和姓氏...” - 另外,我不希望该字段留空. 所以警告应该出现在这两种情况下。

但是,现在脚本只显示“未定义”而不是错误消息。

关于如何解决的任何想法?非常感谢!!

4

1 回答 1

2

立即脱颖而出的一件事是这段代码:

invalid="<b>First and Last Name missing</b><br/>Please enter your First and Last name."

如果您在 HTML 属性中使用 HTML 语法字符,它们必须作为实体转义,否则您将破坏 javascript 可能无法理解的 HTML:

invalid="&lt;b&gt;First and Last Name missing&lt;/b&gt;&lt;br/&gt;Please enter your First and Last name."

不用说,invalid这不是一个合法的 HTML 属性,而且这似乎纯粹用作 javascript 钩子。

此外,您不应填充value属性,而应使用placeholder

placeholder="First and Last Name"

这可能会解决您遇到的问题,因为该字段实际上没有“值”,但如果留空,文本将出现在输入中。

另外:如果你厌倦了你正在使用的库,事实上的 jQuery 验证库就是这个:

于 2012-04-26T22:33:34.167 回答