, gönderim sırasında varsayılanı önler: - Angularjs

Question

E-posta doldurma formunun boş olması durumunda, http-post'un '/ signUp' konumuna öntanımlı eylemini önlemek istiyorum.

Kontrolör Kodu: -

$scope.signUp = function() { 

    if($scope.email = null); 
    preventdefault; 

} 

html (yeşim) - form için belirtilen eylem niteliği olduğunda

form(name="input", action="/signUp", method="post") 
    input(type="submit", value="submit") 

Answer 1

, angularjs preventDefault yapmayacağım. bunu kaldırmak ve eklerseniz yerine ng gönderin:

<form name="myForm" method="post" ng-submit="signUp(myForm)" novalidate> 
    <input type="email" name="email" ng-model="newSignup.email" required> 
    <button type="submit">sign up</button> 
</form> 

Bu durumda formu her zaman preventDefault varsa ve bir ajax yazı ile devam nerede üzerinde $ scope.signUp() fonksiyonu çağrılır sunacaktır arka uç/kayıt veya daha fazla doğrulama için. Girdilerinizde uygun doğrulama özniteliklerini kullanarak (type = "email" gibi) gerekli olduğunu ve angularjs sizin için bazı temel doğrulamaları gerçekleştireceğini unutmayın. E-posta doğru girilmediğinde düğmeyi devre dışı bırakmak için, gönderme düğmesine ng-disabled="!myForm.$valid" numaralı bir ekstra verebilirsiniz. Benim örneğinde olduğu gibi girişler ng modeli kullanarak

, Kapsamınızı daha fazla doğrulama için() işlevi, kayıt olma kontrol edilebilir bir $scope.newSignup nesne alır:

$scope.signUp = function(htmlForm) { 
    if ($scope.newSignup.email !== 'some@email.com') { 
     return false; // you should really show some info to the user 
    } 
    ... 
}