Javascript 输入的jquery验证

我有一个表格，我正在尝试验证。我有一个字段，我想确保它是必需的。我有以下字段代码：

<p>
   <label for="lf">Name: </label>
   <input class="lf" name="name" type="text"/> 
   <span id="name_error" class="validate_error">Please enter a valid name!</span>
</p>

姓名：
请输入一个有效的名称！

我希望能够首先在他们点击框中没有键入任何内容，然后转到另一个框中，我希望显示span标记，以及如果他们点击提交但没有键入任何内容

我有以下jquery代码，但不管发生什么，它总是显示span标记

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(document).ready(function(){

    <!--Name can't be blank-->
    $('#name').on('input', function() {
        var input=$(this);
        var is_name=input.val();
            if(is_name){
                $("#name_error").hide();
            }else{
                $("#name_error").show();
            }
    });

});
</script>

$（文档）.ready（函数（）{
$（'#name'）。在（'input'，function（）上{
var输入=$（此）；
var是_name=input.val（）；
如果（是你的名字）{
$（“#name_error”）.hide（）；
}否则{
$（“#名称#错误”）.show（）；
}
});
});

我想应该是

$('input.lf').on('blur', function() {
    var input=$(this);
    var is_name=input.val();
        if(is_name){
            $("#name_error").hide();
        }else{
            $("#name_error").show();
        }
});

输入上没有名称id，很抱歉刚刚注意到并修复了

我想应该是

$('input.lf').on('blur', function() {
    var input=$(this);
    var is_name=input.val();
        if(is_name){
            $("#name_error").hide();
        }else{
            $("#name_error").show();
        }
});

输入上没有名称id，抱歉，刚刚注意到并修复了此问题

请尝试以下操作：

 $('#name').on('blur', function() {
    var input=$(this);

    var is_name = input.val();

     if(is_name){
         $("#name_error").hide();
     }else{
         $("#name_error").show();
     }
 });        

您遇到了一些问题，首先，您的输入中没有id名称。 其次，首先需要用css隐藏错误。 第三，您需要绑定到模糊事件。

尝试以下操作：

 $('#name').on('blur', function() {
    var input=$(this);

    var is_name = input.val();

     if(is_name){
         $("#name_error").hide();
     }else{
         $("#name_error").show();
     }
 });        

您遇到了一些问题，首先，您的输入中没有id名称。 其次，首先需要用css隐藏错误。

---

第三，您需要绑定到blur事件。

您使用id作为目标，但元素没有id

在输入元素上设置

id=“name”

<input class="lf" id="name" name="name" type="text"/>

---

（另外，该html注释不应该在那里，或者它应该在开头有一个

/

）

您使用id作为目标，但元素没有id

在输入元素上设置

id=“name”

<input class="lf" id="name" name="name" type="text"/>

---

（另外，该html注释不应该在那里，或者在开头应该有一个

/

）

顺便说一句，

仅用于注释html，而不是js。简单如：

$（'#name'）。on（'input blur'，function（）{

只需使用；这个问题无法解决。validator是这方面最好的插件！-顺便说一句，

只用于注释html，而不是js。简单到：

$（'#name'）。on（'input blur'，function（）{

只需使用；这个问题无法解决。validator是这方面最好的插件！-同样的东西，它总是显示在那里，不管它不隐藏什么东西，它总是显示在那里，不管它不隐藏什么东西