Question

我收到了一份报名表。在该表单上，需要名字和姓氏。我还添加了一个名为require attr的类，而不是has-required，该类将文本字段的边框更改为红色。当人们填写文本时，我做了remove has-required class，并且

$('.has-required').change(function(){
if($('.has-required').size() == 0) alert('no text found')
else ('class has required found')
});

但是，当我转到其他页面并返回此页面时，我会计算类已经必需，结果为2。我需要的结果是0，有什么方法可以做到吗？

感谢。

Answer 1

您可以执行以下操作

$(function() {
    function mark() {
        var $this = $(this);
        $this.toggleClass('has-required', !!$this.val();)         
    }

    $('.has-required').change(mark) //add onchange listener
                      .each(mark); //check fields on DOM ready.

});

Answer 2

$('.has-required').change(function(){
   if('' !== $.trim($(this).val()){
      $(this).removeClass('has-required')
   }
});

计算文档就绪的课程

2 个答案: