AngularJs IOnic如何校验输入框的数据合法性?

「已注销」
领域专家: 后端开发技术领域
2017-08-19 07:13:49

这是一个移动端的项目模块,技术用的是AngularJs和IOnic,在某个新增页面中,要校验那个“数量”的输入框,以前他们写的代码思路是:判断哪个data.num是否合法,合法的话那个提交按钮则显示,不合法的话则那个提交按钮不显示。
ionic的代码如下:

<script id="detail-new.html" type="text/ng-template">
<ion-view view-title="添加物资明细" hide-tabs="true">
<ion-content>
<div class="list">
<label class="item item-input">
<span class="input-label">物资编码</span>
<input type="text" value="{{data.erpMaterialNo}}" readonly>
</label>
<label class="item item-input">
<span class="input-label">物资名称型号</span>
<textarea rows="4" readonly>{{data.materialName}}</textarea>
</label>
<label class="item item-input">
<span class="input-label">计量单位</span>
<input type="text" value="{{data.unit}}" readonly>
</label>
<label class="item item-input">
<span class="input-label">单价</span>
<input type="text" value="{{data.price}}" readonly>
</label>
<label class="item item-input">
<span class="input-label">数量</span>
<input type="number" min="0" ng-model="data.num">
</label>
</div>
</ion-content>
<div class="bar bar-footer bar-stable">
<div class="button-bar">
<a class="button" ng-click="save()" ng-disabled="!data.num">保存</a>
</div>
</div>
</ion-view>
</script>

js代码:

.controller('addDetailCtrl', function($scope, $state, $stateParams, dqDataLoader) {

var applyId = $stateParams.applyId;
$scope.data = {
applyId : applyId,
erpMaterialNo: $stateParams.erpMaterialNo,
materialName: $stateParams.materialName,
unit: $stateParams.unit,
price: $stateParams.price
};

$scope.save = function() {
var data = this.data;
data.bsflag = '0';
dqDataLoader.save('../../action/comm/entity/MaterialApplyPlanDetail/', data, function(respData) {
$scope.data = {
applyId : applyId
};
$state.go('editApplyPlan', {applyId:applyId, tab:'detail', replaceHistory:true}, {reload:true});
});
}

})


js代码是用路由来跳转到增删改查页面的,上面代码我就不贴出路由代码了。现在寻求要求是当用户在那个数量输入框输入数据的时候,判断数据是否合法,数据要求是:必须是正数,包括正整数,小数,小数点最多两位。
...全文
305 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
DenggLin 2017-08-21
  • 打赏
  • 举报
回复
保存的时候判断一下data.num不就行了,或者用户输入完直接判断

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧