Question

我使用angularjs建立了一个注册。提交过程没问题。然后我想验证检查电子邮件是否已经注册。如果存在，请显示错误消息，通知电子邮件存在。我遇到的问题是当用户更改电子邮件地址时，提交的电子邮件仍然是前一个。如何告诉角度输入值已更改并提交新插入的值。

我的注册表单

<div ng-controller="signupController">
<form ng-submit="doSignup()">
            <h2 class="form-signin-heading">Sign Up</h2>
            <div class="login-wrap">
                <input type="text" name="email" class="form-control" autofocus="" ng-model="formData.email">
                <span class="text-danger">{{ emailExistError }}</span>
                <input type="password" name="password" class="form-control" placeholder="Password" ng-model="formData.password">
                <input type="password" name="password_conf" class="form-control" placeholder="">
                <button class="btn btn-lg btn-login btn-block" type="submit">Sign Up</button>

            </div>
        </form>
</div>

app.js

angular.module('myApp', ['ngRoute', 'ngSanitize'])
    .controller('mainController', function ($scope, $http) {

    })
    .controller('signupController', function ($scope, $http,$window) {

        $scope.formData = {};

        $scope.doSignup = function () {
            $http({
                method: 'post',
                url: 'signup.php',
                data: $.param($scope.formData),
                headers: {'Content-Type': 'application/x-www-form-urlencoded'}
            })
            .success(function (data) {

                $scope.login = data;

                if (data.status == 'ok') {
                    $('#successModal').modal('show');
                }
                else if (data.status == 'email exist'){
                    $scope.emailExistError = 'Email exist. Use different email';
                }
                else {
                    $('#failedModal').modal('show');
                }

            })
        }
    })

Answer 1

尝试

$watch('email',function(newVal,oldVal){
if(newVal!=oldVal){
$scope.doSignup();
}});

如何告诉angularjs表单输入值已更改

1 个答案: