如何清除表单从应用css类

How to clear form from apllied css class?

本文关键字：应用 css 表单 何清除 清除      更新时间：2023-09-26

我有一个使用jquery验证的表单，所以每个有效和无效的字段都应用一些css类。在最后我有submit和cancel按钮。问题是取消按钮。当我点击取消所有应用的css和文本在<span>标签必须被删除。所以这是我尝试的，但它不能正常工作

首先是我生成的<span>标签，

<span class="status" id="status">
<font color="red">Id in use</font>
</span>

这是取消按钮的jquery脚本，

$('#clearform').on('click', function () {
$("#create_teacher").validate().resetForm();
var myString = $("#tIdTextbox").html();
alert(myString);
var element = $(myString);
element.find("font").each(function(index) {
    var text = "";
    $(this).replaceWith(text);
});
$("#create_teacher").removeClass('success');
$("#create_teacher").removeClass('error');
$("#create_teacher").removeClass('valid');
});

有谁能帮我一下吗

如果您正在使用jquery验证器插件，请尝试替换

$("#create_teacher").validate().resetForm();


var validator = $("#create_teacher").validate();
validator.resetForm()

$('#clearform').on('click', function () {
    $("#create_teacher").validate().resetForm();
    //To remove all the css you have apply in span
    $("#create_teacher").find("span").removeAttr('class');
    //To remove all the text you have apply in span
    $("#create_teacher").find("span").empty();
});

你能试试吗?

$ (' span.error, span.valid, span.success ') .removeClass(成功).removeClass(有效的).removeClass"("成功")。text ();

相关文章：