Javascript 如果电话号码已注册,则显示错误消息

Javascript 如果电话号码已注册,则显示错误消息,javascript,ajax,angularjs,rest,Javascript,Ajax,Angularjs,Rest,我是Angular.js的新手,我正在为应用程序开发注册页面。这里我把用户电话号码作为主键。在用户输入电话号码后的注册表中,我正在对数据库进行AJAX调用,以检查号码是否已经存在。我成功地完成了那部分。但是如果用户已经注册,我不知道如何向用户显示错误消息 我的index.html代码 <div class="form-group" ng-class="{ 'has-error' : userForm.contactno.$invalid && (userForm.cont

我是Angular.js的新手,我正在为应用程序开发注册页面。这里我把用户电话号码作为主键。在用户输入电话号码后的注册表中,我正在对数据库进行AJAX调用,以检查号码是否已经存在。我成功地完成了那部分。但是如果用户已经注册,我不知道如何向用户显示错误消息

我的index.html代码

<div class="form-group" ng-class="{ 'has-error' : userForm.contactno.$invalid  && (userForm.contactno.$dirty || submitted) }">
     <label>ContactNo</label>
     <input phone type="text" name="contactno" class="form-control" ng-model="user.phone" placeholder="Your Contact No" ng-pattern="/^[789]\d{9}$/" maxlength="10">
     <p ng-show="userForm.contactno.$error.pattern  && (userForm.contactno.$dirty || submitted)" class="help-block">Enter a valid contactno.</p>
</div>

提前感谢

如果要在数据库中存在电话号码时显示警报,请尝试在api中编写代码

如果要在数据库中存在电话号码时显示警报,应尝试在api中编写代码

如果要在数据库中存在电话号码时显示警报,应尝试在api中编写代码

如果要在数据库中存在电话号码时显示警报,应尝试在api中编写代码

您可以在回调函数中写入逻辑,即“成功”和“错误”


或者您也可以使用Angular JS的ngMessages模块来设计自定义错误消息


docs.angularjs.org/api/ngMessages

您可以在回调函数中编写逻辑,即“成功”和“错误”


或者您也可以使用Angular JS的ngMessages模块来设计自定义错误消息


docs.angularjs.org/api/ngMessages

您可以在回调函数中编写逻辑,即“成功”和“错误”


或者您也可以使用Angular JS的ngMessages模块来设计自定义错误消息


docs.angularjs.org/api/ngMessages

您可以在回调函数中编写逻辑,即“成功”和“错误”


或者您也可以使用Angular JS的ngMessages模块来设计自定义错误消息


docs.angularjs.org/api/ngMessages

检查电话号码是否已经通过数据库中的循环退出,然后使用

{{error}}


并在if部分和else部分存储电话号码的代码部分中定义错误。

检查电话号码是否已通过数据库中的循环退出,然后使用

{{error}}


并在if部分和else部分存储电话号码的代码部分中定义错误。

检查电话号码是否已通过数据库中的循环退出,然后使用

{{error}}


并在if部分和else部分存储电话号码的代码部分中定义错误。

检查电话号码是否已通过数据库中的循环退出,然后使用

{{error}}


并在if部分和else部分存储电话号码的代码部分中定义错误。

在页面中显示错误消息非常容易。只需将错误消息传递给scope,并将其显示在相关页面中。这样地。代替Ajax,在您的请求中使用$http.post或$http.get进行练习

$scope.checkNumber=function(phnNum){
         $http.post('http://localhost:8087/users', phnNum).success(function(data){
             if(data == "false"){
                 $scope.error = 'User with this number is already registere.';

             } else {
                 $scope.submitTrueMessage = 'you can register now';
                 $scope.error = null;
             }
         });
    };
这就是如何在视图中显示错误消息

<span style="color:red"> {{error}} </span>
{{error}

希望这些信息对您有所帮助。

在您的页面中显示错误消息非常容易。只需将错误消息传递给scope,并将其显示在相关页面中。这样地。代替Ajax,在您的请求中使用$http.post或$http.get进行练习

$scope.checkNumber=function(phnNum){
         $http.post('http://localhost:8087/users', phnNum).success(function(data){
             if(data == "false"){
                 $scope.error = 'User with this number is already registere.';

             } else {
                 $scope.submitTrueMessage = 'you can register now';
                 $scope.error = null;
             }
         });
    };
这就是如何在视图中显示错误消息

<span style="color:red"> {{error}} </span>
{{error}

希望这些信息对您有所帮助。

在您的页面中显示错误消息非常容易。只需将错误消息传递给scope,并将其显示在相关页面中。这样地。代替Ajax,在您的请求中使用$http.post或$http.get进行练习

$scope.checkNumber=function(phnNum){
         $http.post('http://localhost:8087/users', phnNum).success(function(data){
             if(data == "false"){
                 $scope.error = 'User with this number is already registere.';

             } else {
                 $scope.submitTrueMessage = 'you can register now';
                 $scope.error = null;
             }
         });
    };
这就是如何在视图中显示错误消息

<span style="color:red"> {{error}} </span>
{{error}

希望这些信息对您有所帮助。

在您的页面中显示错误消息非常容易。只需将错误消息传递给scope,并将其显示在相关页面中。这样地。代替Ajax,在您的请求中使用$http.post或$http.get进行练习

$scope.checkNumber=function(phnNum){
         $http.post('http://localhost:8087/users', phnNum).success(function(data){
             if(data == "false"){
                 $scope.error = 'User with this number is already registere.';

             } else {
                 $scope.submitTrueMessage = 'you can register now';
                 $scope.error = null;
             }
         });
    };
这就是如何在视图中显示错误消息

<span style="color:red"> {{error}} </span>
{{error}


希望这些信息对您有所帮助。

您可以以警报窗口的形式显示用户友好的消息。请澄清您的qstn@kiran感谢您的重播,我是否需要在AJAX调用本身中编写警报消息?您可以在回调函数中编写逻辑,即“成功”和“错误”。您还可以使用Angular JS的ngMessages模块来设计自定义错误消息。请尝试并分享您的观点。您可以以警告窗口的形式显示用户友好的消息。请澄清您的qstn@kiran感谢您的重播,我是否需要在AJAX调用本身中编写警报消息?您可以在回调函数中编写逻辑,即“成功”和“错误”。您还可以使用Angular JS的ngMessages模块来设计自定义错误消息。请尝试并分享您的观点。您可以以警告窗口的形式显示用户友好的消息。请澄清您的qstn@kiran感谢您的重播,我是否需要在AJAX调用本身中编写警报消息?您可以在回调函数中编写逻辑,即“成功”和“错误”。您还可以使用Angular JS的ngMessages模块来设计自定义错误消息。请尝试并分享您的观点。您可以以警告窗口的形式显示用户友好的消息。请澄清您的qstn@kiran感谢您的重播,我是否需要在AJAX调用本身中编写警报消息?您可以在回调函数中编写逻辑,即“成功”和“错误”。您还可以使用Angular JS的ngMessages模块来设计自定义错误消息。请尝试并分享您的观点。