2015-11-19 3 views
-2

Я новичок в Bootstrap и AngularJS, поэтому не знаю, как решить следующую проблему.Выполнение функции AngularJS после проверки начальной загрузки

У меня есть файл HTML с bootstrap и validation.js с угловым и PHP-файлом.

Пока пользователь нажимает кнопку отправки, мне нужно проверить поля, используя проверку Bootstrap. Если проверка правильная, тогда мне нужно вызвать JS-файл.

Проблема здесь, функция AgularJS onclick начала работать, когда пользователь нажимает кнопку отправки. Он не будет ждать завершения проверки начальной загрузки.

Просьба дать некоторое представление о том, как это сделать.

+1

Пожалуйста, дайте больше объяснений. Пример кода о том, что вы делаете, и описание того, с чем вы столкнулись, поможет другим ответить на ваш вопрос. – Nayan

+0

В Bootstrap такой проверки нет. Bootstrap - это библиотека CSS. Используете ли вы какую-либо другую проверку, например проверку jQuery или так? Какую проверку вы делаете? –

+0

Я использую bootsrap validation js file eg: http://formvalidation.io/getting-started/ – dhaya

ответ

2

Вы можете предотвратить отправку события с помощью атрибута ng-disabled на кнопку отправки, как показано ниже.

<form ng-click="yourAngularMethod()"> 
    <input type="text" ng-model="yourModel0" required> 
    <input type="text" ng-model="yourModel1" required> 
    <input type="text" ng-model="yourModel2" required> 
    <input type="submit" value="Fire!" ng-disabled="yourCondition"> 
</form> 

Также вы можете показать свою ошибку, как показано ниже:

<div class="alert alert-danger" ng-show="errorState"> 
{{errorMessage}} 
</div> 
+0

, если это div, что мы должны делать? – dhaya

+0

посмотреть обновленный ответ –

+0

большое спасибо furkan, все еще у меня есть путаница, я пытаюсь понять, используя идею ура, если я не могу, я попрошу у помочь .thanks agin. – dhaya

Смежные вопросы