Question

任何人都可以在验证我需要调用Web服务调用之后告诉如何验证角度js中按钮单击的必填字段的空文本框。可以告诉任何人如何实现吗？

Answer 1

您可以使用＆＃39; required＆＃39;属性以确保它们在字段中输入值

<input type="text" name="userName" ng-model="user.name" required>

对于服务调用，您可以在onClick上使用javascript方法，例如：

<button type="button" class="button" name="Search" id="searchButton" ng-click="getUserInfo()">Search</button>

然后你在Angular模块中进行ajax调用

$scope.getUserInfo = function() 
{
    if ($scope.fetchData)
    {
        var data = {
                func: "USERINFO",
                searchUserId: $('#searchUserId').val()
        };
        $http({method:'POST',
               url:'/MYAPP/getuser',
               data: $.param(data),
               headers: {'Content-Type': 'application/x-www-form-urlencoded'}})
        .success(function(data, status, header, config) {
            $scope.users = data;
        })
        .error(function(data,status, headers, config)  {
            alert('Error getting user infos ');
        })      
    }   
}

这是一个简单的例子。 / MYAPP / getuser映射到REST服务，该服务以JSON格式返回数据。成功（函数）是在成功执行调用并返回数据时执行的操作。您可以将返回的数据绑定到角度表或控件以进行显示。

如果呼叫失败，则执行

.error

对于REST服务，您可以使用JAVA或C＃或任何您喜欢的语言编写它，只要它返回JSON。

Answer 2

使用此：

<form name="yourForm">
    <input name="name" ng-model="model.name" type="text" required />
    <div ng-messages="yourForm.name.$error">
        <div ng-message="required">Name is required!</div>
    </div>
    <button ng-click="send()">Send</button>
</form>

在控制器js中：

$scope.send = function () {
    if ($scope.yourForm.$valid) {

        // TODO: send model to server

    }
}

不要忘记：

在您的应用中加入Angular ngMessages 模块。

祝你好运

如何在角度js

2 个答案: