2012-07-25 5 views
0

필수 입력란의 유효성을 검사 할 수 있도록 해당 입력란을 선택해야합니다. 어떻게해야합니까? if 문을 사용할 수있는 것 같지만 구현 방법을 모르겠습니다.jQuery에서 여러 공백 값을 가진 텍스트 상자는 어떻게 선택합니까?

빈 텍스트 상자를 테스트하기 위해 다음과 같은 필수 필드 유효성 검사기를 작성했지만 여러 공백이있는 텍스트 상자를 감지 할 수 없습니다. 올바른 방법으로 유효성 검사를 수행하지 않습니까? 유효성 검사를 위해 플러그인을 사용해야합니까? 문 jQuery를에 자리가없는 경우 jQuery를에 당신이 뭔가를 선택하고 선택에 뭔가를 수행하기 때문에

function validate() 
     { 
      $('.LoginFormBodyRightColumn input:text[value!=""]').next('span[class*="RequiredValidator"]').hide(); 
      $('.LoginFormBodyRightColumn input:text[value=""]').next('span[class*="RequiredValidator"]').show(); 
      $('.LoginFormBodyRightColumn input:password[value!=""]').next('span[class*="RequiredValidator"]').hide(); 
      $('.LoginFormBodyRightColumn input:password[value=""]').next('span[class*="RequiredValidator"]').show(); 


     } 

그것은, 내가 A를 보인다. 선택자와 관련된 if 문은 의미가 없습니다.

+3

지금까지 시도한 것을 보여줄 수 있습니까? – Undefined

+0

자세한 내용을 설명하고 코드 예제를 보여주십시오. – Gabriel

+1

'span [class * = "RequiredValidator"]'대신'span.RequiredValidator'를 쓸 수 있습니다. – Codler

답변

1
function validate() 
     { 
     $('.LoginFormBodyRightColumn input:text,.LoginFormBodyRightColumn input:password,').each(function(){ 
     if($.trim($(this).val())==="") 
     $(this).next('span[class*="RequiredValidator"]').show(); 
     else 
     $(this).next('span[class*="RequiredValidator"]').hide(); 
     }); 
     } 
1

이해 AS 문제는

<input class="LoginFormBodyRightColumn" type="text" /> 
<span class="RequiredValidator">*</span> 
<input class="LoginFormBodyRightColumn" type="password" /> 
<span class="RequiredValidator">*</span> 

<script > 
    $("input").each(function(){ 
    var str=$(this).val(); 

    if(str=='') 
     $(this).next('span[class*="RequiredValidator"]').show(); 
    else 
     $(this).next('span[class*="RequiredValidator"]').hide(); 
    }); 
</script> 
1

시도는 모든 입력 값을 받고 ..이 시도하고 코드하지 JQuery와 선택기 아 파크 확인합니다. jquery trim 함수를 사용하여 공백을 제거하십시오.

function validate(jQueryFormSelector) 
{ 
    var inputs = $(jQueryFormSelector).find('input'); 
    inputs.each(function (i,el) { 
    if ($.trim($(el).val()) == '') 
    { 
     $(el).next('span[class*="RequiredValidator"]').show(); 
    } 
    else 
    { 
     $(el).next('span[class*="RequiredValidator"]').hide(); 
    } 
    }); 

} 
관련 문제