сообщение об ошибке в текстовом поле

Question

Я работаю на странице входа, где я хочу, чтобы моя ошибка внутри входного тега

Сейчас я получаю сообщение об ошибке в верхней части панели авторизации.

Вот код.

$(document).ready(function() { 
    $("#form1").validate({ 
     debug: false, 
     errorClass: "error error_red", 
     rules: { 
      username: { 
       required: true, 
       email: true 
      }, 
      password: { 
       required: true, 
       minlength: 5 
      } 
     }, 
     messages: { 
      username: "Please enter a valid email address", 
      password: { 
       required: "Please provide a password", 
       minlength: "Your password must be at least 5 characters long" 
      } 
     }, 
     invalidHandler: function (form, validator) { 
      // This handler will show only one error at time - the first in this instance // 
      var errors = validator.numberOfInvalids(); 
      //alert("error" + errors); 
      if (errors) { 
       $("#errbox").html(validator.errorList[0].message); 
       $("#errbox").show(); 
       validator.errorList[0].element.focus(); 
      } else { 
       $("#errbox").hide(); 
      } 
     }, 
     errorPlacement: function (error, element) { 
      // Override error placement to not show error messages beside elements // 
     }, 
    }); 
}); 

Здесь представлен Fiddle Link

С уважением
Mahadevan

Answer 1

Вы можете использовать атрибут заполнитель на входе, чтобы установить сообщение об ошибке:

$('#myInput').attr("placeholder", "This input has an error"); 

Вот fiddle, который показывает он работает.