<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Validation POC</title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#frm").validate({
rules: {
cname: {
required: true
},
cemail: {
required: true,
email: true
}
},
messages: {
cname: "Please
enter
your
name",
cemail: {
"Email
is
not
validated"
}
}
});
});
</script>
</head>
<body>
<form id="frm" action="" method="get">
<fieldset>
<legend>Validation POC</legend>
<p>
<label for="cname">Name</label>
<em>*</em><input id="cname" name="name" size="25" />
</p>
<p>
<label for="cemail">E-Mail</label>
<em>*</em><input id="cemail" name="email"size="25" />
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
</body>
</html>
我正在尝试使用 jquery validation 进行表单验证。我正在尝试给出我自己的错误消息。但这段代码没有运行。
当我尝试时
<input type="text" id="cemail" class="required"></input>
代码工作正常，但是有了这个，我无法给出自定义错误消息。如果我在上面的代码中做错了什么，请告诉我。
编辑:我还有另一个问题，如果任何控件的验证失败，我想更改该控件的背景颜色。我还想删除默认的错误消息。
最佳答案
有两个问题，主要是需要使用 name 属性(不是 id 属性)，所以 name 和 email，而不是您的规则的 cname 和 cemail。此外，email 错误消息周围的 {} 需要删除。总的来说，你希望看起来像这样:
$("#frm").validate({
rules: {
name: { required: true },
email: { required: true, email: true }
},
messages: {
name: "Please enter your name",
email: "Email is not validated"
}
});
关于javascript - 使用 Jquery 进行表单验证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3715567/