验证添加信息,判断数字,长度等(week3)
来源:互联网 发布:电信网络诈骗的类型 编辑:程序博客网 时间:2024/06/03 02:25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
<script src="js/jquery-1.11.1.js"></script>
<style>
table{
width: 600px;
text-align: center;
}
td{
border: 1px solid black;
}
form{
width: 800px;
margin-top: 30px;
}
form input{
margin-top: 15px;
}
ul li{
color:red;
}
</style>
<script>
var myapp=angular.module("dxtapp",[]);
myapp.controller("demo1",["$scope",function($scope){
$scope.toadd=false;
$scope.goods=[
{id:10011120,name:"iphoneX",number:99},
{id:10011121,name:"华为mate10",number:20},
{id:10011122,name:"vivoR12",number:55},
];
//添加
$scope.add=function(){
$scope.error_val=[];
var reg_id=/^\d{8,8}$/;//只能8位数字
//验证编号
if(!reg_id.test($scope.uid)){
$scope.error_val.push("资产编号必须是数字且长度为8位");
}
//验证名称
if($scope.uname==undefined || $scope.uname==""){
$scope.error_val.push("资产名称不能为空");
}else{
for(var i in $scope.goods){
if($scope.uname==$scope.goods[i].name){
$scope.error_val.push("资产名称已经存在");
break;
}
}
}
//验证资产数量
var reg_num=/^\d{1,}$/;
if(!reg_num.test($scope.unumber)){
$scope.error_val.push("资产编号必须为纯数字");
}else{
if($scope.unumber<=0){
$scope.error_val.push("资产编号数量必须大于0");
}
}
//何时添加,何时不添加
if($scope.error_val.length==0){
$scope.goods.push({
id:$scope.uid,
name:$scope.uname,
number:$scope.unumber,
});
}
};
//搜索
$scope.search=function(){
if($scope.sel==undefined || $scope.sel==""){
alert("输入内容不能为空");
return;
}
for(var i=0; i<$scope.goods.length;i++){
if($scope.goods[i].name==$scope.sel){
alert("搜到相关内容");
return true;
}
}
alert("未搜索到相关内容");
};
}])
</script>
</head>
<body ng-app="dxtapp" ng-controller="demo1">
<center>
<p>资产登记</p>
<button ng-click="toadd=true" style="margin-right: 600px;">添加</button><br />
<span style="margin-left: 300px;">资产搜索</span><input ng-model="sel"/>
<button ng-click="search()">搜索</button>
<table border="1" cellspacing="0">
<tr>
<td>资产编号</td>
<td>资产名称</td>
<td>资产数量</td>
</tr>
<tr ng-repeat="g in goods">
<td>{{g.id}}</td>
<td>{{g.name}}</td>
<td>{{g.number}}</td>
</tr>
</table><br />
<form ng-show="toadd">
资产编号<input type="text" ng-model="uid" /><br />
资产名称<input type="text" ng-model="uname" /><br />
资产数量<input type="text" ng-model="unumber" /><br />
<div>
<ul>
<li ng-repeat="e in error_val">
{{e}}
</li>
</ul>
</div>
<button ng-click="add()" style="margin-top: 15px;">资产录入</button>
</form>
</center>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
<script src="js/jquery-1.11.1.js"></script>
<style>
table{
width: 600px;
text-align: center;
}
td{
border: 1px solid black;
}
form{
width: 800px;
margin-top: 30px;
}
form input{
margin-top: 15px;
}
ul li{
color:red;
}
</style>
<script>
var myapp=angular.module("dxtapp",[]);
myapp.controller("demo1",["$scope",function($scope){
$scope.toadd=false;
$scope.goods=[
{id:10011120,name:"iphoneX",number:99},
{id:10011121,name:"华为mate10",number:20},
{id:10011122,name:"vivoR12",number:55},
];
//添加
$scope.add=function(){
$scope.error_val=[];
var reg_id=/^\d{8,8}$/;//只能8位数字
//验证编号
if(!reg_id.test($scope.uid)){
$scope.error_val.push("资产编号必须是数字且长度为8位");
}
//验证名称
if($scope.uname==undefined || $scope.uname==""){
$scope.error_val.push("资产名称不能为空");
}else{
for(var i in $scope.goods){
if($scope.uname==$scope.goods[i].name){
$scope.error_val.push("资产名称已经存在");
break;
}
}
}
//验证资产数量
var reg_num=/^\d{1,}$/;
if(!reg_num.test($scope.unumber)){
$scope.error_val.push("资产编号必须为纯数字");
}else{
if($scope.unumber<=0){
$scope.error_val.push("资产编号数量必须大于0");
}
}
//何时添加,何时不添加
if($scope.error_val.length==0){
$scope.goods.push({
id:$scope.uid,
name:$scope.uname,
number:$scope.unumber,
});
}
};
//搜索
$scope.search=function(){
if($scope.sel==undefined || $scope.sel==""){
alert("输入内容不能为空");
return;
}
for(var i=0; i<$scope.goods.length;i++){
if($scope.goods[i].name==$scope.sel){
alert("搜到相关内容");
return true;
}
}
alert("未搜索到相关内容");
};
}])
</script>
</head>
<body ng-app="dxtapp" ng-controller="demo1">
<center>
<p>资产登记</p>
<button ng-click="toadd=true" style="margin-right: 600px;">添加</button><br />
<span style="margin-left: 300px;">资产搜索</span><input ng-model="sel"/>
<button ng-click="search()">搜索</button>
<table border="1" cellspacing="0">
<tr>
<td>资产编号</td>
<td>资产名称</td>
<td>资产数量</td>
</tr>
<tr ng-repeat="g in goods">
<td>{{g.id}}</td>
<td>{{g.name}}</td>
<td>{{g.number}}</td>
</tr>
</table><br />
<form ng-show="toadd">
资产编号<input type="text" ng-model="uid" /><br />
资产名称<input type="text" ng-model="uname" /><br />
资产数量<input type="text" ng-model="unumber" /><br />
<div>
<ul>
<li ng-repeat="e in error_val">
{{e}}
</li>
</ul>
</div>
<button ng-click="add()" style="margin-top: 15px;">资产录入</button>
</form>
</center>
</body>
</html>
阅读全文
0 0
- 验证添加信息,判断数字,长度等(week3)
- Angular展示页面、判断纯数字长度,搜索,添加等
- js数据验证、js email验证、js url验证、js长度验证、js数字验证等
- js数据验证、js email验证、js url验证、js长度验证、js数字验证等
- js数据验证、js email验证、js url验证、js长度验证、js数字验证等
- javascript合法验证 js数据验证、js email验证、js url验证、js长度验证、js数字验证等
- js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等
- 常用表单验证类,验证EMAIL地址,电话号码,指定长度数字,汉字,邮编,URL地址等
- js验证表单 验证空值 长度,过滤非数字等
- 验证信息的判断
- URL 添加验证信息
- 使用C#(.NET)来实现验证信息(邮箱、纯数字、电话号码、汉字、身份证号等)
- jquery.validate 客户端验证“必填”“URL”“最小最小长度”“最大最小值”“数字”“身份证”“信用卡”“邮编”等
- 数字加逗号加小数点验证长度
- 判断字母汉字数字的字符长度
- 判断单链表中环的长度等问题
- Angular发货添加验证等
- AngularJS:模糊查询过滤内容,验证判断后添加表格信息
- DIY简易Python脚本调用AWVS扫描
- 触发器和存储过程
- poj1922 Ride to Office
- 统一用户认证和单点登录解决方案
- ActiveMQ实例
- 验证添加信息,判断数字,长度等(week3)
- java.net.SocketException: Connection reset
- vim中已有tab文件如何置换tab为空格
- Win10 Docker 安装使用
- listView item分割线不显示或item文字不显示
- 鼠标右键菜单打开慢的解决方式
- Python利用Requests库写爬虫(一)
- 双目视觉分享与交流
- 不是你无法入门自然语言处理,而是你没找到正确的打开方式