Question

您好我正在使用MEAN Stack应用程序。当我添加存储的记录数据时

成功。但是当我没有填写任何字段并单击添加按钮

时

调用商店记录功能我的功能正常工作但是我使用了

验证字段是必需的但功能正常并重定向我的指定路径。

新数据没有存储，但功能正在发挥作用。

控制器中的功能

 $scope.adduser = function() 
    {

        $http({
            method:"POST",
            url:'api/adduser',
            data:{name:$scope.name, email:$scope.email,password:$scope.password}
             }).then(function successCallback(response) {
              if(response.data.error){
                    $scope.error = response.data.error;

              }else{

                    $scope.Blog=response.data;
                    $localStorage.dd=$scope.Blog;
                    $location.path('/allusers');
              }
              //console.log(response);
            }, function errorCallback(response) {
               alert("data is not comming here");
            });


    }

消息显示字段是必需的但不留在那里

时转到给定的路径

响应成功。如何解决这个问题

查看文件是

<!-- BEGIN PAGE HEADER-->
<h3 class="page-title">
    Advanced Datatables <small>advanced datatable samples</small>
</h3>
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="fa fa-home"></i>
            <a href="#">Home</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#/allusers">All Users</a>
        </li>
    </ul>

</div>
<div class="row">
    <div class="col-md-12">

        <!-- BEGIN VALIDATION STATES-->
        <div class="portlet box blue-hoki">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-gift"></i>
                   New User
                </div>

            </div>

            <div class="portlet-body form">

                <form id = "expensesCreate" class="form-horizontal">
                    <div class="form-body">
                        <div class="alert alert-danger display-hide">
                            <button class="close" data-close="alert"></button>
                            You have some form errors. Please check below.
                        </div>


                        </div>

                        <div class="form-group">

                            <label for="price" class="col-sm-3">Name</label>
                            <div class="col-sm-4 @if($errors->has('price')) has-error @endif">
                                <input class="form-control input-sm" placeholder="" autocomplete="off" id="first_name"  name="name" ng-model="name" type="text" value ="" required>
                                <p class="error"></p>
                            </div>
                        </div>

                        <div class="form-group">

                            <label for="price" class="col-sm-3">Email</label>
                            <div class="col-sm-4 @if($errors->has('price')) has-error @endif">
                                <input class="form-control input-sm" placeholder="" autocomplete="off" id="email" name="email" ng-model="email" type="text" value ="" required>
                                <p class="error"></p>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="Phone_no" class="col-sm-3">Password</label>
                            <div class="col-sm-4 @if($errors->has('Phone_no')) has-error @endif">
                                <input class="form-control input-sm" placeholder="" autocomplete="off" id="phone_no"  name="company_name" ng-model="password"  type="text" value ="" required>
                                <p class="error"></p>
                            </div>
                        </div>

                     <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">

                                <button  ng-click="adduser()" class="btn blue-hoki">Add</button>
                                <a ng-href="#/allusers">
                                    <button type="button" class="btn default" id="cancel">Cancel</button>
                                </a>

                            </div>

                        </div>
                    </div>

                    </div>

                </form>
                <!-- END FORM-->
            </div>
        </div>
        <!-- END VALIDATION STATES-->
    </div>
</div>
<style>

.form-horizontal .form-group {
    margin-right: -15px;
   margin-left: 0px;
}


</style>

Answer 1

在表单无效时为您的按钮验证添加已禁用的属性

<button  ng-click="adduser()" class="btn blue-hoki" ng-disabled="expensesCreate.$invalid">Add</button>

使用角度js和节点js

1 个答案: