Question

我正在使用jquery验证器来验证表单中的字段：

$.validator.addMethod('positiveNumber',
    function (value) { 
        return Number(value) > 0;
    }, 'L\'année ne peut pas être négative.');

    $('#leapyear').validate({
    errorPlacement: function(error, element){
         error.appendTo(element.parent("td").next('td'));
         }
    });

表格如下：

<form id="leapyear" name="leapyear" action="Calculateur-Dates.html" method="post">
<table style="padding-left: 70px; width: 100%">
<colgroup>
<col width="25%"> 
<col width="15%">   
<col width="20%">   
<col width="40%">   
</colgroup>
<tr>
<td class="calc_label">Year to be checked</td>
<td>
<input class="calc_input required positiveNumber" size="10" type="text" value = "2012" name="leap_year" id="leap_year" /></td>
<td class="validatorErrMsg"></td>
<td id="checkResult" class="calc_resMsg green">2012 is a leap year</td>
</tr>
<tr>
<td>
&nbsp;
</td>
<td>
<center><button style="padding-left: 10px" id="leapYearBtn" name="submit" class="lnk_button" value="vérifier">vérifier</button></center>
</td>
<td colspan="2">
&nbsp;
</td>
</tr>
</table>
</form>

检查工作正常，但我还希望脚本在引发错误时从td #checkResult中删除文本。我不确定这是否可能，如果是的话，如何继续。有没有办法做到这一点？

提前致谢

Answer 1

你应该能够做到这一点

$('td #checkResult').html('""');

Answer 2

感谢Mark的代码行，我考虑从不同角度查看问题，并为此添加了单独的jQuery函数：

$('#leapYearBtn').click(function(){
$('td#checkResult').html('');
});

做了我打算做的事。

Answer 3

尝试使用invalidHandler，使用validator.numberOfInvalids（）获取数字，如果大于0，则清除$（'＃checkResult'）。html（''）;

$('#leapyear').validate({
    errorPlacement: function(error, element){
         error.appendTo(element.parent("td").next('td'));
         },
    invalidHandler: function() {
         if (validator.numberOfInvalids() > 0)
         $('#checkResult').html('');
         }
    });

jquery验证器 - 是否可以将文本设置为未经验证的html标签？

3 个答案: