jQuery表单验证通过后success: function()移除CSS样式问题

答案:2 悬赏:40 手机版

解决时间 2021-03-20 03:18

提问者网友：佞臣
2021-03-19 09:27

验证通过后success: function()方法只会移除<span>中的错误提示信息，但不会移除<input>标签中的Sytle属性，求解。
<body>
<div>
<form action="#" method="post" id="form1">
账号：<p><input type="text" name="id" /><span style="color:Red;font-size:10px;"></span></p>
密码：<p><input type="password" name="password" id="password"/><span style="color:Red;font-size:10px;"></span></p>
确认密码：<p><input type="password" name="repassword"/><span style="color:Red;font-size:10px;"></span></p>
<p><input type="submit" value="提交" id="submit1"/></p>
</form>
</div>
<script type="text/javascript">
$(function(){
$("#form1").validate({

rules:{
id:{
required:true,
minlength:6,
maxlength:10
},
password:{
required:true,
minlength:4,
maxlength:18
},
repassword:{
required:true,
minlength:4,
maxlength:18,
equalTo:"#password"
}
},
messages:{
id:{
required:"账号不能为空！",
minlength:"账号不能少于6位",
maxlength:"账号不能多于10位"
},
password:{
required:"密码不能为空！",
minlength:"密码不能少于4位",
maxlength:"密码不能多于18位"
},
repassword:{
required:"密码不能为空！",
minlength:"密码不能少于4位",
maxlength:"密码不能多于18位",
equalTo:"密码不一致"
}
},
errorPlacement:function(error,element){

element.css({"padding":"2px 2px",
"background-color":"yellow","color":"#333","border":"1px solid orange","vertical-align":"middle"});

element.next("span").empty();
element.next("span").append(error.html());
},
success: function (label) {
label.attr("style","");
label.next("span").empty();
},
});
});
</script>
</body>

最佳答案

五星知识达人网友：第幾種人
2021-03-19 09:39

$(document).ready(function(){
$('#msg5 .syzx span').removeAttr("style");
});

其实就是removeAttr("style")，前面怎么得到span标签就看你的代码的结构啦

全部回答

1楼网友：渡鹤影
2021-03-19 09:57

$(".yourdiv").removeclass("yourcss");

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！