jQueryの検証プラグイン - 検証が成功し

Question

後にチェーン機能することはできませんので、私がやりたいすべてのコードのこの部分ということです：

$(document).ready(function() { //predaj formu i automatski crtaj graf 
    $('#myform').on('submit', function (e) { 
     e.preventDefault(); 

     $.ajax({ 
     type: 'post', 
     url: 'upit.php', 
     data: $('#myform').serialize(), 
     success: function() { 
      var dataPoints = []; 
      $.getJSON("rez.json", function(data) { //uzmi JSON za tocke grafa 
       $.each(data, function(key, value){ 
        dataPoints.push({x: value[0], y: parseInt(value[1])}); 
       }); 

       var chart = new CanvasJS.Chart("chartContainer",{ 
        zoomEnabled: true, 
        animationEnabled: false, 
        axisY: { 
         title: "Power received" 
        }, 
        axisX: { 
         title: "Distance" 
        }, 
        data: [{ 
         type: "line", 
         dataPoints : dataPoints, 
        }] 
       }); 
       chart.render(); 
      }); 

      $.ajax({ //vrati rezultat 
       url:"novi.json", 
       success:function(result){ 
        $("#disabledInput").val(result); 
       } 
      });   
     } 
    }); 
}); 
}); 

は、コードのこの部分によって検証に成功提出後

を実行します。

$(document).ready(function() { 

$('#myform').validate({ // initialize the plugin 
    rules: { 
     n1: { 
      required: true, 
      email: true 
     }, 
     n2: { 
      required: true, 
      minlength: 5 
     } 
    }, 
    errorPlacement: function(error, element) { 
     error.appendTo('#nameError'); 
    }, 

    submitHandler: function (form) { // for demo 
     alert('valid form submitted'); // for demo 
     return false; // for demo 
    } 
}); 

}); 

私はちょうどそれを正しくチェーンすることはできません。私はこの2つのスクリプトが分かれていることを知っていますので、何とか連鎖する必要があります。ありがとう！

また、他の多くの関数（playはスライダを追加してスライダなどの変更を1つずつ送信するようにしています）を呼び出す場合は、別にajax submit（最初のコード）コードを別にする必要があります。私は

EDITかどうかはわかりません：あなたは、問題を自分で解決した場合、私はそれをやった、ここで私はそれをやった答え

$(document).ready(function() { 

$('#myform').validate({ // initialize the plugin 
rules: { 
    n1: { 
     required: true, 

    }, 
    n2: { 
     required: true, 

    } 
}, 
errorPlacement: function(error, element) { 
    error.appendTo('#nameError'); 
}, 

submitHandler: function (form) { 


     $.ajax({ 
     type: 'post', 
     url: 'upit.php', 
     data: $('#myform').serialize(), 
     success: function(){ 
      var dataPoints = []; 
      $.getJSON("rez.json", function(data) { //uzmi JSON za tocke 
grafa 
       $.each(data, function(key, value){ 
        dataPoints.push({x: value[0], y: parseInt(value[1])}); 
       }); 

       var chart = new CanvasJS.Chart("chartContainer",{ 
        zoomEnabled: true, 
        animationEnabled: false, 
        axisY: { 
         title: "Power received" 
        }, 
        axisX: { 
         title: "Distance" 
        }, 
        data: [{ 
         type: "line", 
         dataPoints : dataPoints, 
        }] 
       }); 
       chart.render(); 
      }); 


     } 
    }); 
} 
}); 

}); 

Answer 1

は、ここに答え

$(document).ready(function() { 

$('#myform').validate({ // initialize the plugin 
rules: { 
    n1: { 
     required: true, 

    }, 
    n2: { 
     required: true, 

    } 
}, 
errorPlacement: function(error, element) { 
    error.appendTo('#nameError'); 
}, 

submitHandler: function (form) { 


     $.ajax({ 
     type: 'post', 
     url: 'upit.php', 
     data: $('#myform').serialize(), 
     success: function(){ 
      var dataPoints = []; 
      $.getJSON("rez.json", function(data) { //uzmi JSON za tocke 
grafa 
       $.each(data, function(key, value){ 
        dataPoints.push({x: value[0], y: parseInt(value[1])}); 
       }); 

       var chart = new CanvasJS.Chart("chartContainer",{ 
        zoomEnabled: true, 
        animationEnabled: false, 
        axisY: { 
         title: "Power received" 
        }, 
        axisX: { 
         title: "Distance" 
        }, 
        data: [{ 
         type: "line", 
         dataPoints : dataPoints, 
        }] 
       }); 
       chart.render(); 
      }); 


     } 
    }); 
} 
}); 

});