只有在Angularjs中进行更改时,表单验证弹出窗口消息才有效 [英] Form validation popup window message works only if change is made in Angularjs
问题描述
如果点击提交,我需要显示验证错误弹出窗口消息的表单。
这里是我的表单。
I have a form which need to show validation error popup window message if clicked submit. Here is my form.
<form ng-submit="register(user)">
<div class="list">
<label class="item item-input">
<input type="text" placeholder="First Name" ng-model="user.first" >
</label>
<label class="item item-input">
<input type="text" placeholder="Last Name" ng-model="user.last">
</label>
</div>
<button class="button button-positive">
button-positive
</button>
</form>
以下是验证控制器文件
angular.module('starter.controllers',[])
.controller('DashCtrl', function($scope,$ionicPopup,Friends) {
$scope.register=function(user){
if(!user.first){ $ionicPopup.alert({
title: 'First Name Required!',
template:'Firstname'
});
}else{
if(!user.last){
$ionicPopup.alert({
title: 'Last Name Required!',
template:'Lastname'
});
}else {
Friends.setall(user).then(function(msg){
console.log("From server"+msg.data);
});
}
}
}
})
验证在开始进行更改时正常工作。但它不显示任何错误消息如果点击提交而不输入任何内容。我可以如何实现这一点?我也希望
显示服务器请求的加载屏幕,并且当服务器请求完成时就会消失。我正在使用ionicframework,并且我知道 ionic.loading
是用于这个,但我怎么能正确使用这在我的代码?。请帮助。
Validation works normally when start making changes. But it doesn't show any error messages If clicked submit without entering anything.How can i achieve this? also i want to
show loading screen for the server request and it is dissmissed when the server request is complete.I am using ionicframework,and i know ionic.loading
is used for this but How can i properly used this in my code?.Please help.
推荐答案
对于您的验证部分问题,我只需检查 user
以及 user.firstname
:
For the validation part of your question, I would just check for user
along with user.firstname
:
if(!user || !user.first){ $ionicPopup.alert({
title: 'First Name Required!',
template:'Firstname'
});
,您可以使用 $ ionicLoading
注入到控制器中,如下所示:
and you can use $ionicLoading
, after injecting it into the controller, like this:
else {
$ionicLoading.show({ template: 'Loading...' });
Friends.setall(user).then(function(msg){
console.log("From server"+msg.data);
$ionicLoading.hide();
});
}
这篇关于只有在Angularjs中进行更改时,表单验证弹出窗口消息才有效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!