입력 필드가 비어 있는지 확인

Question

한 번 누르면 데이터 속성이 실패했는지 여부를 확인하는 버튼이 있습니다. 실패하면 다음 단계로 보내지 않을 것입니다.

다음 단계로 넘어갈 수 없다면 문제가 발생합니까? 모든 아이디어

if ($('#storename').data("search") == "failed"){ 

    alert("Please select something."); 

}else{ 

    //next step 

}; 

JS 미사용을 사용하지 않았지만이 내용은 삭제해야합니다. http://jsfiddle.net/gMam4/2/

Answer 1

$('#storename').attr("data-search", "failed");으로 $(".failed").attr("data-search", "failed");을 앵커 클릭 이벤트로 바꿉니다. 이 시도 :

$('#storename').on('keyup',function(e){ 
     if ($('#storename').attr("data-search") == "failed"){ 
     alert("Please select something."); 
    }else{  
     alert("this is not failed");  
    }; 
}); 
    $(".failed").click(function() { 
     console.log('changing to failed'); 
     $('#storename').attr("data-search", "failed"); 
    }); 

DEMO

Answer 2

수정

당신은 $('#storename').data('search')을 통해 얻을 $('#storename').data('search', 'failed')를 통해 설정할 수 있습니다. HTML5 데이터 속성과 jquery 데이터 속성을 혼합하는 것이 문제인 것처럼 보입니다.

또한, 당신이 사용했던 ==에 이중 동일한 조심하십시오! - === 및 와 엄격한 (에서) 평등을 사용하는 것이 더 나은 여기에 무해하지만 수도 ==

당신이 설정하고 '데이터 - *'에서 점점처럼 http://jsfiddle.net/gMam4/2/에서 바이올린을 사용하여 긴 버전

이 보이는 속성. 문제는 $ el.data() 호출과 직접 관련이 없다는 것입니다. jquery 문서에서 :

데이터 속성은 처음 데이터 속성에 액세스 한 다음 더 이상 액세스하거나 변경하지 않습니다 (모든 데이터 값은 jQuery에서 내부적으로 저장됩니다). 여기

긴 버전 : http://api.jquery.com/data/#data-html5

그래서 직접 $ el.data ('키'값)를 사용하여 데이터를 설정, 또는 $ el.val (값)를 사용 하나. 귀하의 경우, 나는 이전의 것 같아요 ...

Answer 3

뿐인 :

http://jsfiddle.net/gMam4/9/ 당신이 쓴

$('#storename').on('keyup',function(e){ 
     if ($('#storename').data("search") === "failed"){   
     console.log("Please select something.");   
    }else{   
     console.log("this is not failed");   
    }; 
}); 

$(".failed").on('click',function() { 
    console.log('changing to failed'); 
     $("#storename").attr("data-search", "failed"); 
});