2017-12-21 42 views
0

난 단지 패턴에게 확인 메시지를 변경하고자하지만, 필요한 검증 message.In 추가를 변경하지 않고, 나는 전체 패턴에게 확인 메시지필요한 유효성 검사 메시지를 변경하지 않고 HTML5 양식 패턴 유효성 검사 메시지를 사용자 지정하는 방법은 무엇입니까?

+0

확인이 설정을 변경하려면 out https://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message – BO41

+0

가능한 [HTML5 양식 필수 속성의 중복. 사용자 지정 유효성 검사 메시지를 설정 하시겠습니까?] (https://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message) – BO41

답변

0

당신은 다음과 같이 시도 할 수

$("#submit").click(function(){ 
 
    $("#email")[0].oninvalid =function(e) { 
 
    if (!e.target.validity.valid) { 
 
     e.target.setCustomValidity("Please enter the email address"); 
 
    } 
 
    } 
 
}); 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input class="form-control" id ="email" type="text" 
 
     placeholder="Email address" required/> 
 
    
 
    <button type= "submit" id = "submit">Submit</button 
 
</form>

+0

이 메시지는이 오류 메시지 만 표시하지만 필요한 오류와 함께 표시하려고합니다. 메시지 –

+0

@ NishanMadhuwantha : 내 대답을 업데이트했는지 확인 –