Question

有javascript代码，其中我有验证所需字段的功能（对于每个字段一个函数）。我的问题是我只想要方法，我可以只传递ID来验证所需的字段，相应的字段必须样式基于错误。我的意思是，如果它没有任何值，请将该字段设为红色，如果用户输入，则必须更改颜色。

Answer 1

我发现验证功能存在问题。您正在将DOM元素传递给validate函数，但随后将其用作字符串。

function validate(x){
  // Validation rule
  if(x.value ==""){     
    x.style.background ='#e35152';
    x.focus();
  }
   if(x.value !=""){
    x.style.background ='#ccffcc';
   }
}

Answer 2

由于你已经标记了jquery，我建议你尝试下面的jquery解决方案：

<强> Demo

$('input.req').on('blur',function(){
    if($(this).val()=="")
    {
        $(this).removeClass('success').addClass('error');
        $(this).parent().children('span.err-text').text('Required');
    }
    else
    {
    $(this).removeClass('error').addClass('success');
        $(this).parent().children('span.err-text').text('');
    }
});

现在，您的validateForm()只会触发模糊事件，如下所示：

$('input.req').trigger('blur');

这将调用您所需的验证！如果有任何疑问，请告诉我!!

<强>更新

根据您的要求更新!!这是 UPDATED DEMO

以下是您更新的活动

$('input.req').on('blur',function(){
     if($(this).val()=="")
     {
          $(this).removeClass('success').addClass('error').attr('placeholder',$(this).attr('placeholder')+ ' - Required');
     }
     else
     {
          $(this).removeClass('error').addClass('success');
     }
});

如何将id传递给getElementById（）方法？

2 个答案: