2012-08-14 4 views
0

내 양식에 html5form 유효성 검사를 사용하고 있지만 하나의 선택 상자가 있습니다. 여기에서 채울 양식을 선택합니다.jquery htm5form 유효성 확인

하지만 내 인증이 작동하지 않습니다 ... 도와 드릴까요?

내 코드 :

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#box1').hide(); 
    $('#box2').hide(); 

    $("#curso_atual").change(function(){ 
     if(this.value == 'all'){ 
      $("#boxes").children().hide(); 
      } else { 
      $("#" + this.value).show().siblings().hide(); 
     } 
    }); 

    $('#box1').html5form({ 
      responseDiv : '#response', 
      messages: 'br', 
      colorOn :'#f4e6b2', 
      colorOff :'#f4e6b2', 
      allBrowsers : true, 
     }); 

    }); 



</script> 

#box1은 내 양식 아이디이며, #box2는 같은 페이지에서 또 다른 형태의 ID입니다, 난 그냥 선택 드롭 다운에/숨기기를 표시하고있다.

내가 틀렸어? - 나는 문제 해결 http://jsfiddle.net/QyLfH/1/

+0

바이올린은 항상 원시 코드보다 더 많은 도움이됩니다! http://jsfiddle.net – yckart

+0

http://jsfiddle.net/QyLfH/1/ – Preston

+0

정확하게 작동하지 않는 것은 무엇입니까? – Abraham

답변

1

내 바이올린 - 여기 http://jsfiddle.net/QyLfH/3/

를 코드는 다음과 같습니다

$('#box1').hide(); 
$('#box2').hide(); 

$("#curso_atual").change(function(){ 
    if(this.value == 'all'){ 
     $("#boxes").children().hide(); 
     } else { 
     $("#" + this.value).show().siblings().hide(); 
     $("#" + this.value).html5form({ 
        responseDiv : '#response', 
        messages: 'br', 
        colorOn :'#000000', 
        colorOff :'#000000', 
        allBrowsers : true 
     }); 
    } 
});