Question

我有以下代码。

<div class="form-group">
            <label class="col-sm-2 control-label labelfont">FIRST NAME:</label>
            <div class="col-sm-6">
               <input type="text" class="form-control" placeholder="Enter the First Name" id="FirstName">
            </div>
            <label class="col-sm-2 labelfont errorMsg" id="Err_FirstName">Enter the first name</label>
        </div>

最初隐藏"Err_FirstName"。如果tabout上的输入字段为空，我希望显示error label。

我在blur事件中编写了以下代码。

$("#FirstName").on("blur", function () {
    if ($(this).val().trim().length == 0) {
        $("#Err_FirstName").show();
    }
    else {
        $("#Err_FirstName").hide();
    }
});

'errormsg'类定义为

.errorMsg {
   display:none;        
   color:Red;
}

标签没有显示在tabout上。有人指出我正确的方向，以防我做错了。

Answer 1

代码完全适合我。 JSFiddle。

＆＃13;

$("#FirstName").on("blur", function () {
    if ($(this).val().trim().length == 0) {
        $("#Err_FirstName").show();
    }
    else {
        $("#Err_FirstName").hide();
    }
});

＆＃13;

.errorMsg {
   display:none;        
   color:Red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="form-group">
            <label class="col-sm-2 control-label labelfont">FIRST NAME:</label>
            <div class="col-sm-6">
               <input type="text" class="form-control" placeholder="Enter the First Name" id="FirstName">
            </div>
            <label class="col-sm-2 labelfont errorMsg" id="Err_FirstName">Enter the first name</label>
        </div>

＆＃13;

可能值得检查您正在使用的jQuery版本。对于此代码片段，我使用的是jQuery 1.9.1。最佳做法是使用另一个类，如果FirstName中没有值，则更改类名。 / p>

如何使用jquery显示或隐藏标签

1 个答案: