jquery 유효성 검사 코드가 포함됩니다.

Question

텍스트 상자 입력란에 공통 기능을 작성하고 싶습니다. 3 개의 텍스트 상자가 있다고 가정합니다. 확인 시간. 3 개의 텍스트 상자 모두에 대해 특정 조건을 작성했습니다. 예 : 확인 암호 필드가 비어 있으면

if(conpwd ==='' | conpwd ==='') 
    { 
     $('#errorconpwd').show('fast'); 
     $('#conpwd').focus().css({'background-color':'#FFC'}); 
     return false; 
     } 

    if(fname ==='' | fname === null) 
    { 
     $('#errorfname').show('fast'); 
     $('#fname').focus().css({'background-color':'#FFC'}); 
     return false; 
     } 

    if(lname ==='' | lname === null) 
    { 
     $('#errorlname').show('fast'); 
     $('#lname').focus().css({'background-color':'#FFC'}); 
     return false; 
     } 

여기와 같이 작성했습니다. 나는 CSS 속성에 초점을 맞추었고, fname에 대해 다시 성을 위해 n을 작성했습니다. 이제 첫 번째 이름이 집중되어 있고 사용자가 일부 텍스트를 입력하면 다시 CSS를 기본값으로 만들고 싶습니다. 나는 쓰는 대신에 말을하는 것을 의미한다.

$('#fname').blur(function(){ 
    if($('#fname').val()!=''){ 
    $('#fname').css({'background-color':'#FFF'}); 
    } 
} 

나는 모두를 위해 결합 조건을 쓰고 싶다. 각 필드에 대해 개별적으로 작성하고 싶지 않습니다. Similary는 confirmpassword, fname, lname에 대해 작성된 코드를 한 번에 작성할 수 있습니까?

Google에서 검색 내 검색 당. 난 당신이 모든 것을 클래스를 설정할 수 있습니다,하지만 여기, JQuery와 유효성 검사 플러그인 .. $ (이) 셀렉터 을

Answer 1

하나를 수정하려면 :

<input id=conpwd class=validate> 
<input id=fname class=validate> 
<input id=lname class=validate> 

및 $ (this)를 사용하여 이벤트를 실행하는 클래스에서 원하는 것을 할 수 있습니다.

$('.validate').blur(function(){ 
    if($(this).val()!=''){ 
    $(this).css({'background-color':'#FFF'}); 
    } 
}); 

Answer 2

사용 jQuery validation plugin

Answer 3

여기에서 유연한 검증 형태가있다 :

jQuery Validation은 기본적으로는

<input data-validate-presence='true' /> 
<input data-validate-presence='true' data-validate-email='true' /> 

같은 구문을 사용하여 자동으로 규칙을 적용가. 서버 측 고유성 검사와 같은 복합 검사와 조합 검사가 필요한 경우 options.validators을 확장하면 쉽게 확장 할 수 있으며 전역 효과가 적용될 수 있으므로 일단 추가되면 전체 프로젝트에서이 새 유효성 검사기를 사용할 수 있습니다.

또한 툴팁, 메시지 상자 또는 원하는 다른 형식으로 오류를 표시 할 수있는 유연성을 제공합니다. 3 킬로바이트 미만.

좀 더 샘플 그레이트 ... 확실히 다른 형태로이를 구현 것이다 http://www.tectual.com.au/downloads/jquery/validation/index.html