标签颜色更改时的jQuery验证
当表单验证失败时，标签颜色变为红色，有人能帮我处理带有文本标签颜色变化的jQuery验证代码示例吗标签颜色更改时的jQuery验证,jquery,Jquery,当表单验证失败时，标签颜色变为红色，有人能帮我处理带有文本标签颜色变化的jQuery验证代码示例吗 我需要创建一个包含多个字段的表单，当所需字段验证表单验证失败时，表单字段标签应该变为红色，我是jQuery新手，有人能帮我吗？您的问题有点模糊。。。然而，这里有一个小的实现，说明了如何使用jquery检查textfield上的空值，并根据用户输入的存在更改它们的颜色 $(document).ready(function(){ $("#submit").click(function(){
我需要创建一个包含多个字段的表单，当所需字段验证表单验证失败时，表单字段标签应该变为红色，我是jQuery新手，有人能帮我吗？您的问题有点模糊。。。然而，这里有一个小的实现，说明了如何使用jquery检查textfield上的空值，并根据用户输入的存在更改它们的颜色
$(document).ready(function(){
$("#submit").click(function(){
var textInput = $('#textfield').val();
if (textInput === "") {
$('#textfield').css('background', 'red');
}
else {
$('#textfield').css('background', 'green');
}
})
})
以下内容将完全满足您的要求。如果你有任何问题，请告诉我。干杯
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Sets up validation for a form, then checks if the form is valid when clicking a button.</title>
<link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
</head>
<body>
<form id="myform">
<label id="myLabel" >First Name: </label>
<input type="text" id="name" required>
<br>
<button type="button">Validate!</button>
</form>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
var form = $("#myform");
form.validate();
$("button").click(function () {
if (form.valid() != true) {
$("#myLabel").css("color", "red");
}
});
// Change text "First Name" back to black when user types into textbox
$("#name").keyup(function () {
$("#myLabel").css("color", "black");
});
</script>
</body>
</html>
设置表单的验证，然后在单击按钮时检查表单是否有效。
名字：
验证
//仅用于演示，避免表单提交
jQuery.validator.setDefaults({
是的，
成功：“有效”
});
风险值形式=$（“#我的形式”）；
form.validate（）；
$（“按钮”）。单击（函数（）{
if（form.valid（）！=true）{
$（“#myLabel”）.css（“颜色”、“红色”）；
}
});
//当用户在文本框中键入时，将文本“First Name”改回黑色
$（“#名称”）.keyup（函数（）{
$（“#myLabel”）.css（“颜色”、“黑色”）；
});