表单验证

最新推荐文章于 2024-04-30 08:58:14 发布

未来你好i

最新推荐文章于 2024-04-30 08:58:14 发布

阅读量284

点赞数

本文链接：https://blog.youkuaiyun.com/xzw521/article/details/78862405

版权

<!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>