如何使用ngSubmit取消表单提交

Question

我有一个像这样的简单表格

<form ng-submit="checkValidation()" >
</form>

js code

function checkValidation() {
   //if some condition then cancel form submission
}

Answer 1

未经测试，但我认为它应该有效。

HTML：

<form ng-submit="checkValidation($event)" >
</form>

JS：

function checkValidation(event) {
   //if some condition then cancel form submission
   event.preventDefault();
}

Answer 2

如果您未在表单元素上使用action="..."，那么您首先要提交数据（即.ajax）。在ajax调用之前，您应该能够在函数的早期return：

function checkValidation() {
   if(formDidntValidate) { return }
   $http.post(...); // post via ajax if data validates
}

......或者：

function checkValidation() {
    if(formValidated) {
        $http.post(...)
    }
}