javascript - 如何根据用户使用jquery输入的内容打开和关闭错误消息

Question

我正在尝试验证表单，并且希望能够在用户在表单字段中输入值时打开和关闭错误消息。到目前为止，这是我无法正常工作的内容:

$('#uTagNum').blur(function() {
    var tagNumber=$(this).val();        
    if (tagNumber.length < 9){
        $('#tagErrorMsg').html('<div>Invalid format.Hover over Tag Number column name to see valid formats</div>');
          $('#uTagNum').blur(function() {
        $('#tagErrorMsg').hide();
    });
});

如果用户输入“Dgfh578”，并且长度不超过9个字符或数字，则我需要tagErrorMsG出现在字段下方。如果用户删除了键入的内容，则错误消息将消失，除非再次键入少于9个字符或数字。

Answer 1

您有一些语法错误，您可能不想使用hide()，只需清除#tagErrorMsg的HTML。看一下这个例子-http://jsfiddle.net/jayblanchard/mqeCj/

$('#uTagNum').blur(function () {
    var tagNumber = $(this).val();
    console.log(tagNumber);
    if (tagNumber.length < 9) {
        $('#tagErrorMsg').html('<div>Invalid format.Hover over Tag Number column name to see valid formats</div>');
    } else {
        $('#tagErrorMsg').html('');
    }
});