Question

如果未根据我的条件验证输入字段，并且如果字段已验证我想隐藏错误但我不知道如何在显示后隐藏错误，则显示错误。

这是我的代码

    <input type="text" id="name"/>
    <div class = "error" style = "display:none">This field is required.</div> 

function send(){
   var name = $("#name").val();

if (name =="" || name == "Name"){
$(".error").show();
return false;
}else{

     //hide the errors if the user typed something correct 
}

我想我必须做一些jquery内联验证，但我不知道如何在我的代码中执行此操作..

Answer 1

使用它：

$('#name').keyup(function(){
var name = $("#name").val();

 if (name =="" || name == "Name"){
 $(".error").show();
 return false;
}else{
  $(".error").hide();
 }
})

Answer 2

$('input').on('input',function(){
var name = $.trim($("#name").val());

if (name =="" || name == "Name"){
$(".error").show();
return false;
}else{

   $(".error").hide();
}
});

Answer 3

喜欢这个？：

function send(){
    var name = $("#name").val();

    if (name =="" || name == "Name"){
        $(".error").show();
        return false;
    }else{
        $(".error").hide();
        return true;
    }
}

如果验证输入，jquery会隐藏错误

3 个答案: