텍스트 상자 값으로 Jquery 텍스트 상자 유효성 확인

몇 개의 텍스트 상자에 값이있는 양식이 있습니다. 나는 onfocus와 onblur를 사용하여 사용자가 텍스트 상자를 클릭 할 때 값을 지우고있다. 또한 텍스트 상자의 유효성을 검사하려고하지만 상자에 이미 값이 있으므로 유효성 검사가 작동하지 않습니다. 값 (예 : 이름)을 무시하도록 유효성을 검사 할 수있는 방법이 있습니까?텍스트 상자 값으로 Jquery 텍스트 상자 유효성 확인

감사합니다.

<script type="text/javascript"> 

var j = jQuery.noConflict(); 

    j(document).ready(function() { 


     j("#ContactUs_Solutions_EN2012").validate({ 

     rules: { 
realname: "required", 
email: { 
    required: true, 
    email: true 
} 
}, 
messages: { 
realname: "<p style='color:red; font-size:12px; margin:-10px 0 0px 0; padding:10px 0px 10px 10px ; text-align:right;'>Please specify your name</p>", 
email: { 
    required: "<p style='color:red; font-size:10px; margin:-10px 0 0px 0; padding:0; text-align:right;'>We need your email address to contact you</p>", 
    email: "Your email address must be in the format of [email protected]" 
    } 
} 
     }); 
    }); 
</script> 

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" value="First Name" >

출처

2012-06-22 onei0120

게시물에 설명 된 코드를 표시하십시오. –

코드는 우리가 귀하의 질문에 대답 할 수 있도록하시기 바랍니다 –

죄송합니다 Gents, 거기에 당신이 간다 – onei0120

텍스트 상자에 값을 입력 했으므로 유효성 검사가 작동하지 않습니다. 값을 자리 표시 자로 변경하십시오. 자리 표시자가 당신을 위해 그것을 할 것이기 때문에 onfocus와 onblur를 넣어서 값을 지울 필요가 없습니다.

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" placeholder="First Name" >

출처

2012-06-22 21:16:06

html5 속성 is not placeholde, 어떻게 사용자 브라우저 나던 html5를 지원합니까? – onei0120

글로벌 부울 변수를 만들어 false로 초기화 할 수 있습니다. "onfocus"함수에서 부울을 true로 변경하십시오. 부울 변수가 true 인 경우에만 오류 메시지를 표시하십시오.

또는 당신은 HTML 5 속성 "자리"기본적으로 아웃 실제로 텍스트 상자에 값을 넣어 당신의 초점 부분을 수행

를 사용할 수 있습니다.

자세한 내용은 http://www.w3schools.com/html5/att_input_placeholder.asp을 참조하십시오.

출처

2012-06-22 21:11:45

텍스트 상자 값으로 Jquery 텍스트 상자 유효성 확인

답변

관련 문제