2016-01-14 2 views
0

Я хочу показать требуемый текст при нажатии кнопки отправки.Текст ошибки при отправке

Вопрос: iam не используется форма.

как показать * необходимый текст при отправке поля ввода пустым.

ответ

2

Вы можете назначить ng-form атрибут родительского контейнера (div или section или любые другие теги)

Для примера

var app = angular.module('myApp', []); 
 
app.controller('validateCtrl', function($scope) { 
 
    $scope.user = ''; 
 
});
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="validateCtrl" ng-form="form1"> 
 
    <p>Username:<br> 
 
    <input type="text" name="user" ng-model="user" required> 
 
    <span style="color:red" ng-show="submitted && form1.user.$invalid"> 
 
    <span ng-show="form1.user.$error.required">Username is required.</span> 
 
    </span> 
 
    </p> 
 

 
    <p> 
 
    <input type="submit" ng-click="submitted=true"> 
 
    </p> 
 
</div>

+0

Действительно спасибо за ваш ответ @ sushmit.patil , Но я хотел, чтобы сообщение об ошибке нажало кнопку. – User123

+0

@ User123, Отредактированное решение по вашему запросу –

+0

У меня есть решение самостоятельно, но на самом деле спасибо за ответ @ sushmit.patil. В любом случае я принимаю вас. – User123