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 
    } 
}); 

}); 

我只是不能正確鏈接，我知道這兩個是分離的腳本，所以我需要它們以某種方式鏈接。謝謝！

此外，我需要使ajax提交（第一代碼）代碼分開，因爲我想與其他許多函數調用它（玩的是添加一個滑塊，所以我提交每一個滑塊等更改等），但我不知道如何

編輯：我做到了，這裏就是答案

$(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(); 
      }); 


     } 
    }); 
} 
}); 

});