首页 > 代码库 > Ionic ngMessage 表单验证
Ionic ngMessage 表单验证
出于不想写复杂的表单验证,找到了ngMessages,简单、粗暴、有效——只需要修改HTML模板。
Ionic ngMessages
1.安装
bower install angular-messages --save
2.添加到 Index.html
<script src=http://www.mamicode.com/"lib/angular-messages/angular-messages.min.js"></script>
3.模板中操作
如Input
<label class="item item-input">
<span class="input-label">Title</span>
<input id="slug" type="text" name="title" placeholder="Write here" ng-model="posts.title" required
ng-minlength="2" ng-maxlength="70">
</label>
限定了长度和必选,其实还应该有ng-messages,如:
<div ng-messages="myForm.myField.$error" role="alert">
<div ng-message="required">You did not enter a field</div>
<div ng-message="minlength, maxlength">
Your email must be between 5 and 100 characters long
</div>
</div>
但是,我觉得个人用的博客没必要这样搞,于是直接往下了
<button class="button button-block button-positive" ng-click="create(postsForm)" ng-disabled="postsForm.$invalid"
type="submit">发送
</button>
如果表单无效,则发送按钮是不可点的。
Ionic ngMessage 表单验证
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。