如何根据用户使用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 #tagErrorMsg 。 看一下这个例子-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('');
    }
});