js表单验证（手机号码及正整数及浮點數）

最新推荐文章于 2024-04-29 11:29:56 发布

wust_star

最新推荐文章于 2024-04-29 11:29:56 发布

阅读量5.4k

点赞数

分类专栏： JS JQuery

本文链接：https://blog.csdn.net/wust_star/article/details/8231309

版权

JS 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

JQuery

12 篇文章 0 订阅

订阅专栏

$('#check').click(validate);
	function validate()
	{
		var dataValid = true;

		if($("#zhanghao").val() == '用户名/手机号'){
			dataValid = false;
		}
		
		$('.required').each(function()
		{
			var cur = $(this);
			if ($.trim(cur.val()) == '') 
			{
				dataValid = false;
			}
		});
		
		if(dataValid)
		{
			$('#login_form').submit();
		}else{
            alert("请填写用户名及密码");
            return false;
		}
	}
	
	//用车信息表单验证
	$('#passenger_submit').click(checkPassenger);
	function checkPassenger(){
		var passengerValid = true;
		obj= document.getElementById("passenger");
		if(obj.value == ""){
			alert("请输入乘车人姓名");
			obj.focus();
			passengerValid = false;
			return false;
		}
		obj=document.getElementById("mobile");
		if(obj.value == ""){
			alert("请输入乘车人手机号码");
			obj.focus();
			passengerValid = false;
			return false;
		}
		if(!checkPhone(obj.value)){
			alert("请输入正确格式的手机号码");
			obj.focus();
			passengerValid = false;
			return false;
		}	
		obj=document.getElementById("passenger_num");
		if(obj.value == ""){
			alert("请输入乘车人数");
			obj.focus();
			passengerValid = false;
			return false;
		}
		if(!IsInteger(obj.value)){
			alert("乘车人数必须为正整数");
			obj.focus();
			passengerValid = false;
			return false;
		}
		obj = document.getElementById("agree");
		if (obj.checked==false)
		{
			alert("请同意XXX条款");
			obj.focus();
			passengerValid = false;
			return false;
		}
		if(passengerValid){
			$('#passenger_form').submit();
		}
	}
	//是否为正整数
	function IsInteger(Str)    
    {    
     Str=""+Str;    
     RegularExp=/^[0-9]+$/;    
     if (RegularExp.test(Str)){    
      return true;          
     }    
     else{    
      return false;    
     }    
    } 
	//验证电话号码手机号码
	function checkPhone(phone){	
		var ab=/^(13[0-9]|15[0|3|6|7|8|9]|18[8|9])\d{8}$/;
	    if(ab.test(phone) == false){
	    	return false;
	    }else{
			return true;
		}
	}

function checkPhone(phone){   
        //var ab=/^(13[0-9]|15[1|0|3|6|7|8|9]|18[6|8|9])\d{8}$/;  
    	var ab=/^([0-9]{11})?$/; 
        if(ab.test(phone) == false){  
            return false;  
        }else{  
            return true;  
        }  
    }

上面验证手机号码，第一个有点过时了，第二个不是很严密比较宽泛。

下面驗證浮點數

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function check(e) {
    var re = /^\d+(?=\.{0,1}\d+$|$)/;
    if (e.value != "") {
        if (!re.test(e.value)) {
            alert("请输入正确的数字");
            e.value = "";
            e.focus();
        }
    }
}
</script> 
</head>

<body>
<input type="text" value="" id="txtacreage" name="txtacreage" οnblur="check(this);" οnkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" /><font color="red">(只能為數字)</font>
</body>
</html>