텍스트 상자 안에 오류 메시지가 있습니다.

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 쇼를의 그것은 작동합니다.