gpt4 book ai didi

javascript - 使用类属性的 jquery 验证

转载 作者:行者123 更新时间:2023-11-28 19:24:08 24 4
gpt4 key购买 nike

我的表单中有多个文本字段,其中应仅包含 5 个字母和必填字段。我正在使用 jQuery 验证来使用类属性。

示例代码:

<html>
<head>
<title>Title</title>
</head>
<cfsavecontent variable="headerJS">
<script type="text/javascript" src="js/validateCurrency.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script>
$(function() {
alert("function");

jQuery.validator.addMethod("APUnit", function(value, element) {
return this.optional(element) || /^[A_Za-z]{5}$/i.test(value);
}, " ");

jQuery.validator.addMethod("cRequired", jQuery.validator.methods.required, "Customer name required");
jQuery.validator.addClassRules("APunit1",{APUnit: true, cRequired: true});
});
</script>

<style>
label.error {
color: red;
font-style: italic;
background: transparent url(images/unchecked.gif) no-repeat scroll 0 0;
padding-left:20px;
margin-left:10px;
}
input.error { border: 1px dotted red; }
.border td {
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.border th{
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
</style>
</cfsavecontent>

<cfhtmlhead text="#headerJS#">
<body>
<cfform name="eForm" method="POST">
Name: <input type="text" name="name" class="APUnit1">
<input type="submit" value="Submit">
</cfform>
</body>
</html>

但是当我提供无效输入时,我没有收到任何错误消息。验证正在进行中。我找不到其中的错误。请帮助我解决这个问题。

最佳答案

无论您如何创建和/或声明规则,您仍然必须将 .validate() 方法附加到表单才能初始化插件。

$(function() {

$('form[name="eForm"]').validate();

jQuery.validator.addMethod("APUnit", function(value, element) { ....
....

您在这里还拼错了 APunit1...

<input type="text" name="name" class="APUnit1">

这里拼写为APunit1...

jQuery.validator.addClassRules("APunit1" ....

初始化插件并修复拼写错误:

工作演示:http://jsfiddle.net/pcgb4moj/

关于javascript - 使用类属性的 jquery 验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28195917/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com