2012-05-02 15 views
0

フォームストップアニメーションをスライディングそのため、スライド形式にかの必須フィールド空

http://tympanus.net/Tutorials/FancySlidingForm/

を使用していますので、私は大きなフォームを持っていますが、必須フィールドがSTEP1

に空である場合、私はSTEP2にSTEP1をスライド停止する必要がありますそのため

は私が...事前にこのよう

function validateStep(step) { 
      if (step == fieldsetCount) return; 

      var error = 1; 
      var hasError = false; 
      $('#formElem').children(':nth-child(' + parseInt(step) + ')').find(':input:not(button)').each(function() { 
       var $this = $(this); 
       var valueLength = jQuery.trim($this.val()).length; 

       if (valueLength == '') { 
        hasError = true; 
        $this.css('border-color', '#f8bcc2') 
// here i added one function 
        $('#steps').each(function() { 
         // alert('hhh'); 
         marginLeft: '0' + 'px' 

        } 
         ); 

        //    $('#steps').css('margin-Left', '0') 
       } 
       else 
        $this.css('border-color', '#8DC440'); 
      }); 

おかげで機能を変更したかのいずれかのソリューション

答えて

0

あなたがチェック]をクリックすると:

[...].click(function(ev){ 
    var _this=$(this), i = $(this).index(), valid; 
    var set=$("#steps formset").get(index-1); 
    valid=// Here check set all mandatory field is not empty 
    if(valid) $("#steps formset").get(index)/*slide*/ 
}); 

必須フィールドを認識するために '必須' クラスを追加します。

関連する問題