Question

我正在使用Angularjs和ionic来开发Hybrid Mobile app

HTML：

<form name="Form" novalidate > 
    <label class="item item-input">
        <input type="text" placeholder="First Name" ng-model="data.firstName" name="uFirstName" required="" autocomplete="off"/>
    </label>
    <br>
    <div ng-show="Form.$submitted || Form.uFirstName.$touched">
        <span class="error" ng-show="Form.uFirstName.$error.required">Tell us your First Name.</span>
        <span class="error" ng-show="Form.uFirstName.$error.text">This is not a valid First Name.</span>
    </div>  
    <button class="button button-block button-assertive" ng-click="Form.$valid && callfunction(data,Form)">Submit</button>
</form>

JS：

var defaultForm = {firstName: ""};

$scope.data1 = angular.copy(defaultForm);
$scope.callfunction = function(data,Form) { 
    $scope.Form = Form; 
        service.sendData(contact)
            .success(function(data,status,headers){ 
                if(data === true){  
                    $state.go('app.search', {}, {reload: true});
                    $scope.Form.$setPristine();
                    $scope.data1 = angular.copy(defaultForm); 
                }else{ 
                    $ionicPopup.alert({title: 'ERROR',template: 'Data can not be sent'});   
                }
            })
            .error(function(){ 
                $ionicPopup.alert({title: 'ERROR',template: 'Server is not reachable'});   
            }) 
}

我已经编写了与上面代码相同的表单验证代码。所以我需要做的是，在从服务器获取成功数据后单击提交按钮我必须重置表单。一旦成功数据从服务器i必须从这个页面导航到其他页面，再次，如果我来到同一页面，＆＃34;告诉我们你的名字＆＃34;该屏幕上显示错误消息。如何处理这种情况，以便在重置表单后，我将移动到该页面，而不会出现任何错误消息，如初始表单。我尝试了"$scope.submitted = false; " $.ajax，但没有工作。

Angularjs：重置表单后隐藏错误消息，第二次出现

0 个答案: