表单验证

来源：互联网发布：安卓数据导入iphone6s 编辑：程序博客网时间：2024/06/10 01:41
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script><script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script></head><body ng-app="myApp" ng-controller="myCtrl">用户名:<input type="text" ng-model="name" class="name" id="name"/><span style="color: red;">{{tip}}</span><br>密码:<input type="text" ng-model="pass" /><span style="color: red;">{{ptip}}</span><br><input type="button" value="提交" ng-click="check()"/><script type="text/javascript">var mo = angular.module("myApp",[]);mo.controller("myCtrl",function($scope){$scope.check = function(){var n = $scope.name;//null  undefined ""//alert(n)if (n==undefined) {$scope.tip = "用户名不能为空"return;}else{$scope.tip = ""}var p = $scope.pass;//if(p==undefined){//$scope.ptip = "密码不能为空";//return;//}else{//$scope.ptip = "";//}//if(isNaN(p)){//$scope.ptip = "密码必须是纯数字";//return;//}else{//$scope.ptip = "";//}//if (p.length>6) {//$scope.ptip="密码长度不能大于6";//return;//}else//{//$scope.ptip = "";//}//正则var reg = /^[a-zA-Z\d]+$/;if (!reg.test(p)) {alert("密码不符合条件")}else{alert("符合条件")}//邮箱var email_reg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;//alert(n)//var n= $(".name").val();//alert(n);//var n = document.getElementById("name").value;//alert(n)}})</script></body></html>
阅读全文
0 0