퀴즈 응용 프로그램

Question

에서 jquery로 텍스트 상자 유효성 검사 빈 퀴즈 샘플을 채우고 싶습니다. 텍스트 상자가 있고이 텍스트 상자는 퀴즈에서 공백으로 표시됩니다.이 texbox 값의 유효성을 검사하고 사실이면 빨간색으로 바뀌면 텍스트 상자의 색상을 녹색으로 바꿉니다. 그런 jquery 샘플을 알고 계십니까? 클라이언트 측 솔루션을 원합니다. 감사합니다.

Answer 1

질문이 명확하지 않습니다. 언제 색을 바꿀까요? 난 당신이 blur 이벤트에서 발생한다고 가정하겠습니다 :

$("#yourTextboxId").blur(function() { 
    if(!this.value) { 
     $(this).css({backgroundColor: "red"}); 
    } 
    else { 
     $(this).css({backgroundColor: "green"}); 
    } 
}); 

가 여기 working example입니다.

Answer 2

은 당신이 뭔가를 할 수 있습니다 - 텍스트 상자가 포커스를 잃었을 때 유효성 검사가 실행됩니다 있도록

$("#question").blur(function() { 
    if ($(this).val() == 'Paris') $(this).css('background-color','green'); 
    else $(this).css('background-color','red'); 
}); 

이는 blur 이벤트 유효성 검사를 할 것입니다. 유효성 검사 코드를 사용자의 필요에 맞게 변경할 필요가 있습니다.

실무 데모 - http://jsfiddle.net/ipr101/eXSrq/