gpt4 book ai didi

javascript - jQuery 验证 : Retaining error after validation

转载 作者:行者123 更新时间:2023-11-29 10:21:26 25 4
gpt4 key购买 nike

我有一个简单的登录表单,并让 jQuery 验证在显示错误时替换字段标签。问题是,一旦错误被清除,标签就会消失。我想找到一种方法来恢复到以前标签的内容,或者在字段有效时重建该标签...

这是我的代码:

$(document).ready(function(){
$("#login").validate({
errorPlacement: function(error, element) {
element.prev().replaceWith(error);
},
rules: {
"email": {
required: true,
email:true,
},
"password": {
required: true,
minlength: 6
}
},
messages: {
email: {
required: "Please enter your email address.",
email: "Please enter a <u>valid</u> email address"
},
password: {
required: "Please enter your password.",
minlength: "Please enter a password with 6 characters or more."
}
},
});
});

和 HTML:

<form name="login" id="login" method="post" action="authenticate.php">
<p>
<label for="email">Email Address:</label>
<input type="text" name="email" id="email" class="required email" />
</p>
<p>
<label for="password">Password:</label>
<input type="password" name="password" id="password" class="required" />
</p>
<p>
<input type="submit" value="Log In" id="submit" />
</p>

本质上,当用户提交表单时,如果电子邮件字段中没有数据,则电子邮件标签将被错误替换。但是一旦它有有效的输入,我想放回原来的标签。

提前感谢您的任何建议,

Z

最佳答案

我实际上想出了一个折衷方案,我不是用错误标签替换以前的标签,而是使用 error.appendTo(element.prev()) 和 errorElement: "span"将一个跨度附加到该标签中。这是新代码:

            $(document).ready(function(){
$("#login").validate({
errorElement: "span",
errorPlacement: function(error, element) {
error.appendTo(element.prev());
//element.prev().replaceWith(error);
},
rules: {
"email": {
required: true,
email:true,
},
"password": {
required: true,
minlength: 6
}
},
messages: {
email: {
required: " is Required",
email: " is Improperly Formatted"
},
password: {
required: " is Required",
minlength: " is not Long Enough"
}
},
});
});

不太理想,但至少当 span 出现时,错误代码在我想要的位置,当它消失时,标签保持完好。我只是这样做了,所以标签和错误像句子一样相互补充......例如,“电子邮件地址”“是必需的。”或“电子邮件地址”“格式不正确。”

感谢所有在这里做出贡献的人,

Z

关于javascript - jQuery 验证 : Retaining error after validation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11093629/

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