여러 입력에 대한 유효성 검사 기능

Question

2 개의 숫자 입력이있는 양식이 있으며 jQuery 유효성 검사 플러그인을 사용하여 유효성을 검사하려고합니다. 값의 합이 10보다 작거나 같을 때만 양식을 제출할 수 있습니다. 예를 들어, 3과 6은 허용하지만 7과 8은 허용하고 싶습니다. 어떻게해야합니까?

나는 something that works을 만들 수 있었지만, 하나의 입력에 임의로 규칙을 적용하고 다른 입력을 참조하기 위해 해당 입력의 속성을 사용하는 것은 우아하고 취약하다고 생각합니다. 나는 documentation for the plugin을 보았고 하나 이상의 입력에 사용될 유효성 검사기를 정의하는 방법을 보지 못했습니다. 누구든지 더 간단한 방법을 생각할 수 있습니까?

Answer 1

jquery 유효성 검사 플러그인까지. 더 간단한 방법입니다. 네, 평범한 자바 스크립트로 작성하십시오.

function mySubmitfuntcion() 
{ 
var myvar1 = document.GetElementById("1").value; 
var myvar2 = document.GetElementById("2").value; 

if(myvar1 + myvar2 <= 10) { 
return true; 
} 

else { 
alert("Please enter valid values"); 

return false; 
} // end if 
} // end function 

false를 반환하면 mySubmitfunction()이 완료되지 않습니다.

더 많은 제어 권한이 있으므로 사용자 지정 유효성 검사 스크립트를 작성하는 것이 더 좋습니다. 유효성 검사 기능을 단추 또는 양식 onsubmit 이벤트에 추가해야합니다.