HTML 입력 번호 사용자 정의 유효성 확인 메시지

Question

문제가 발생하여 적절한 해결 방법을 찾을 수 없습니다.

<input type="number" class="span8" onchange="this.setCustomValidity('')" required oninvalid="this.setCustomValidity('@Resources.Employee.EmploymentTimeRequired')" data-name="EmploymentTime" min="0" max="40" />/40< 

나는 다음과 같은 코드를 가지고 있고 그것을 위해 두 개의 서로 다른 유효성 검사 메시지를 좀하고 싶습니다 : 하나의 필드가 비어과 번호를 입력하면 두 번째가 최대 또는 최소 값을 초과합니다. 지금은 유효성 검사 메시지가 하나뿐입니다. 나는 정말로 당신의 도움에 감사 할 것입니다.

Answer 1

이 는 HTML 코드

<input type="number" class="span8" onchange="validate(this.id)" id="input1"/> 

자바 스크립트 코드

function validate(id){ 
var inputval = document.getElementById(id).value; 
var length = inputval.length; 
if(length==0){ 
alert("empty"); 
}else if(length<MIN){ 
    //MIN is your minimum number of charecter 
    alert("minimum " + MIN + " charecter are required "); 
}else if(length>MAX){ 
    //MAX is your maximum number of charecter 
    alert("maximum " + MAX + " charecter are required "); 
} 

} 

편집 작업을해야 : 추가 태그는 ID 속성
이제 HTML 폭 범위 태그 입력후 WOU

<input type="number" class="span8" onchange="validate(this.id)" id="input1"/><span id="errorinput1"></span> 

수 LD와 자바 스크립트가이 경우에 경고를 사용

function validate(id){ 
var inputval = document.getElementById(id).value; 
var length = inputval.length; 
var error = document.getElementById("errorinput1"); 
if(length==0){ 
error.innerHTML="EMPTY"; 
}else if(length<MIN){ 
//MIN is your minimum number of charecter 
error.innerHTML="minimum " + MIN + " charecter are required "; 
}else if(length>MAX){ 
//MAX is your maximum number of charecter 
error.innerHTML="maximum " + MAX + " charecter are required "); 
} 

}