【发布时间】:2013-01-28 22:13:19
【问题描述】:
我正在摆弄记录在案的 jQuery 验证引擎 here
我已经在本地下载了所有的JS文件。并创建了一个带有单个必需文本框字段的简单表单。
问题 1
我无法为此必需规则指定自定义错误(即使我已指定自定义错误消息选项)。相反,它显示默认消息“此字段是必需的”。我已经在 git 上的示例(显示为here)的帮助下编写了这段代码,但它不起作用。请指出哪里出错了。 (我想用 JS 对象文字而不是使用等效的 html5 属性。)
我的代码:
<html>
<head>
<script type="text/javascript" src="scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="scripts/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="scripts/jquery.validationEngine.js"> </script>
<link type="text/css" rel="stylesheet" href="styles/validationEngine.jquery.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){
$("#form1").validationEngine({'custom_error_messages' : {
'#username':{
'required':{
'message':"Hey you cannot leave this field blank."
}
}
}
});
});
</script>
</head>
<body>
<form id="form1">
<br /><br />
<h2>Form 1</h2>
Username: <input id="#username" type="text" class="validate[required]" ></input> <br />
</form>
</body>
</html>
问题 2
如何在 JS 中指定要应用于哪个元素的规则,而不是在 html 中指定类值。我宁愿拥有干净不显眼的 html,而不是在 html 中混合验证特定的东西。这可以通过jQuery Validation plugin 实现,如下所示:
$("#register-form").validate({ 规则:{ 名字:“必填”, 姓氏:“必填”, 电子邮件: { 要求:真, 电子邮件:真实 }, 密码: { 要求:真, 最小长度:5 }, 同意:“需要” }, 消息:{ firstname: "请输入您的名字", lastname: "请输入您的姓氏", 密码: { required: "请提供密码", minlength: "您的密码长度必须至少为 5 个字符" }, email: "请输入有效的电子邮件地址", 同意:“请接受我们的政策” }, 提交处理程序:函数(表单){ form.submit(); } });jQuery Validation 引擎可以做到这一点吗?
【问题讨论】:
标签: jquery jquery-validation-engine