`

jsp页面上一些js校验的方法

    博客分类:
  • jsp
阅读更多
客户端校验!


//一些js校验的方法。
//函数返回true,则数值正确,返回false则数值格式错误
//基本参数说明:value:值,name:控件名称,需要提示的名称,len:控件长度,isNull:是否为空,true可以为空

//基本校验-非空校验
function valNull(value, name) {
	if (value == "") {
		alert(name + "值不能为空!");
		return false;
	} else
		return true;
}

//基本校验-特殊字符校验
function valSpecail(value, name) {
	var exp = /[\!\@\#\$\%\^\&\*~<>',\.]/;
	if (exp.test(value)) {
		alert(name + "值含有特殊字符或空格!");
		return false;
	} else
		return true;
}

//基本校验-长度验证
function valLen(value, name, len) {
	if (value.length > len) {
		alert(name + "值长度超过最大" + len + "位!");
		return false;
	} else
		return true;
}

//基本校验 数字
function valNum(value, name) {
	var ext = /^[0-9]*$/;
	if (!ext.test(value)) {
		alert(name + "格式不正确!");
		return false;
	} else
		return true;
}

//基本校验 小数
function valDou(value, name) {
	var ext = /^[0-9]+(.[0-9]{1,3})?$/;
	if (!ext.test(value)) {
		alert(name + "格式不正确!");
		return false;
	} else
		return true;
}

//基本验证 电话 - 座机
function valTel(value, name) {
	//座机	
	var exp1 = /^\d{3,4}-\d{7,8}(-\d{3,5})*$/;
	if (exp1.test(value))
		return true;
	alert(name + "格式不正确!");
	return false;
}

//基本校验 手机
function valMob(value, name) {
	//手机
	var exp2 = /^\d{11}$/;
	if (exp2.test(value))
		return true;
	alert(name + "格式不正确!");
	return false;
}

//邮编
function postCodeVal(value, name, isNull) {
	//是否为空
	if (isNull && value.length == 0)
		return true;
	//非空
	if (!valNull(value, name))
		return false;

	var exp = /^\d{6}$/;
	if (!exp.test(value)) {
		alert("邮编格式不正确!");
		return false;
	} else
		return true;
}

//字符串校验
function strValSp(value, name, len, isNull) {
	//特殊字符
	if (!valSpecail(value, name))
		return false;
	if (!strVal(value, name, len, isNull))
		return false;
	return true;
}

//字符串校验 不含特殊字符检测
function strVal(value, name, len, isNull) {
	//是否为空
	if (isNull && value.length == 0)
		return true;
	//非空
	if (!valNull(value, name))
		return false;
	//长度 
	if (!valLen(value, name, len))
		return false;
	return true;
}

//邮件验证
//isNull是否可以为空:true是
function mailVal(value, name, len, isNull) {
	//是否为空
	if (isNull && value.length == 0)
		return true;
	//非空
	if (!valNull(value, name))
		return false;
	//长度 
	if (!valLen(value, name, len))
		return false;

	//邮件格式
	var exp = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
	if (!exp.test(value)) {
		alert(name + "格式错误!");
		return false;
	}

	return true;
}

//数字校验:type:0正整数,1正小数
function numberVal(value, name, len, isNull, type) {
	//是否为空
	if (isNull && value.length == 0)
		return true;

	//验证非空
	if (!valNull(value, name))
		return false;

	//长度 
	if (!valLen(value, name, len))
		return false;

	//格式
	if (type == 0)
		return valNum(value, name);
	else
		return valDou(value, name);
}

//电话校验:type:0座机,1手机
function telVal(value, name, isNull, type) {
	//是否为空
	if (isNull && value.length == 0)
		return true;

	//验证非空
	if (!valNull(value, name))
		return false;

	if (type == 0)
		return valTel(value, name);
	else if (type == 1)
		return valMob(value, name);
	else
		return false;

}

//判断是否是中文
function isChinese(temp) {
	var re = /[^\u4e00-\u9fa5]/;
	return re.test(temp);
}

//输入时数字判断
function isNumber() {
	if (event.keyCode <= 57 && event.keyCode >= 48)
		return true;
	else
		return false;
}

//验证含有汉字的字符串长度(一个汉字为2个字节)
function checkLength(val, info, length, isChinese) {
	//特殊字符
	if (!valSpecail(val, info))
		return false;
	var count = val.length;
	var num = 0;
	if (isChinese) {
		num = length / 2;
	} else {
		num = length;
	}
	var Expression = /^[\u0391-\uFFE5]+$/;
	var objExp = new RegExp(Expression);
	if (count > num) {
		alert(info + "长度超过最大" + num + "位!");
		return false;
	} else {
		return true;
	}
}
//验证输入的内容中是否含有汉字
function checkChinese(val, info, length, isChinese, isNull) {
	if (!isNull) {
		if (val == '') {
			alert(info + "不允许为空!");
			return false
		}
	}
	//特殊字符
	if (!valSpecail(val, info))
		return false;
	//在JavaScript中,正则表达式只能使用"/"开头和结束,不能使用双引号
	var Expression = /^[\u0391-\uFFE5]+$/;
	var objExp = new RegExp(Expression);
	//如果允许有汉字
	if (isChinese) {
		//验证含有汉字的字符串长度(一个汉字为2个字节)
		return checkLength(val, info, length, isChinese);
	} else {
		//如果不允许有汉字
		for ( var i = 0; i < val.length; i++) {
			if (objExp.test(val.charAt(i)) == true) {
				alert(info + "不允许有中文!");
				return false;
			}
		}
		return checkLength(val, info, length, isChinese);
	}
}


以上是一个js文件pageValidate.js里面所有代码,包含常见的一些校验函数

下面是一个jsp页面上校验的总的函数示例:
	function addShift1(){
		
		if(strValSp($("#platerNumber").val(), "车牌号码", 16, false)	
				&& strValSp($("#type").val(), "货车类型", 32, false)
				&& valDou($("#width").val(), "车宽", false)
				&& valDou($("#heigth").val(), "车高", false)
				&& valDou($("#length").val(), "车长", false)
				&& valDou($("#canCarryTon").val(), "核定载质量", false)
				&& valDou($("#selfWeight").val(), "车辆标记总质量", false)
				 && valDou($("#axleNumber").val(), "轴数", false)
				  //&& valDou($("#suoshuType").val(), "运输方类型", false)
				  //&& valDou($("#ownerName").val(), "运输方名称", false)
				){
			
					jQuery("#orgForm").submit();
				}
		
	}




下面是jsp页面表单(id为orgForm)里面对上面这个函数的调用:
					<tr>
							<td colspan="2" class=" txtCenter" ><a href="javascript:addShift1();" ><img src="img/ico_12.gif" width="76" height="22" /></a> </td>
					</tr>

ico_12.gif是一个保存的图片
分享到:
评论

相关推荐

    jsp的注册与登录页面,采用简单js校验

    "采用简单js校验"表明注册和登录表单使用JavaScript进行了一些基本的输入验证,如非空检查、格式验证等。 **注册页面** 通常包含用户信息输入字段,如用户名、电子邮件、密码等。前端验证可能包括检查用户名是否为...

    jsp页面注册校验用户名

    注意到在JSP页面头部,设置了字符编码为UTF-8。这是因为中文和其他非英文字符在网页上显示时,需要正确的编码设置,否则可能会出现乱码。 ### 7. 错误处理与反馈 在处理数据库查询结果时,如果发现用户名已存在,会...

    jquery+jsp+图形验证码异步校验

    在这个"jquery+jsp+图形验证码异步校验"的项目中,我们将探讨如何结合jQuery、JavaServer Pages (JSP)以及图形验证码来实现异步验证。 首先,jQuery是一个轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件...

    jsp的登陆校验演示

    【JSP登陆校验演示】是一个典型的Web应用开发中的功能模块,主要目的是验证用户输入的登录信息是否正确,确保只有合法用户能够访问受保护的页面。在这个Demo中,我们将探讨如何使用JavaServer Pages (JSP) 和服务器...

    炫酷的登录jsp页面完整代码

    总的来说,这个“炫酷的登录jsp页面完整代码”项目是一个实践JSP、CSS、JavaScript和LayUI的典型示例,对于初学者来说,可以借此了解Web开发的基本流程和相关技术的应用。同时,对于有经验的开发者,这是一个改造和...

    常用js大全,javascript校验大全

    这个“常用js大全,javascript校验大全”集合了多种常见的验证功能,确保用户输入的数据格式正确,从而提高用户体验和系统安全性。以下是一些主要的知识点: 1. **数字验证**:用于检查字符串是否全由数字组成,这...

    jsp_用户注册界面

    index.jsp页面中的JavaScript代码主要用于对用户输入的注册信息进行校验。代码使用了多个if语句来检查用户输入的注册信息是否完整和正确。如果用户输入的注册信息不完整或不正确,将弹出警示信息,提示用户重新输入...

    仿qq的jsp页面

    【标题】"仿qq的jsp页面"涉及到的主要技术是JavaServer Pages(JSP),这是一种用于构建动态网页的技术,尤其在企业级Web应用中广泛应用。QQ作为一款著名的即时通讯软件,其用户界面设计简洁且功能丰富,因此“仿qq...

    使用JSP编写登录界面 用户名密码检验

    在JSP文件中,我们可以使用HTML、CSS和JavaScript来构建页面布局和交互,同时通过JSP指令、脚本元素和动作标签来处理服务器端逻辑。 **2. 创建登录界面** `Login.jsp`文件通常包含一个表单,用户输入用户名和密码。...

    JSP源码 网页中文本框自校验的标签_input.rar

    这个"JSP源码 网页中文本框自校验的标签_input.rar"压缩包文件,显然包含了一个关于如何在JSP页面上实现文本框自校验的示例代码。下面我们将深入探讨JSP、HTML表单、自定义标签以及客户端验证等相关知识点。 1. JSP...

    jsp,Javascript MD5加密 实现

    在压缩包文件中,`javascript_MD5`可能包含了JavaScript实现MD5加密的源代码,而`jsp_md5`可能是JSP页面或者Java类文件,用于展示如何在JSP环境中使用MD5。 在实际应用中,通常的做法是在用户提交密码时,服务器端...

    用jsp页面制作的通讯录

    综上所述,用JSP页面制作通讯录是一个综合性的项目,涉及到前端界面设计、后端逻辑处理、数据库操作等多个方面。通过这个项目,开发者可以深入理解Web开发的流程,并提高Java和JSP的实战技能。同时,为了提高用户...

    jsp页面文本编辑控件

    **JSP页面文本编辑控件**是Web开发中常用的一种组件,主要用于在网页上实现文本的编辑和格式化。在HTML或JSP页面中嵌入这样的控件,可以让用户在浏览器端直接对文本进行创建、修改和保存操作,类似于我们常见的富...

    jsp编写的登陆界面

    8. **最佳实践**:使用预定义的标签库(如JSTL)可以提高代码可读性和可维护性,避免在JSP页面上写过多的Java代码,遵循MVC(模型-视图-控制器)架构原则,将业务逻辑分离出来。 在`jsp编写登录界面.doc`文件中,很...

    Jsp脚本检测方法 js

    主要应用于jsp的页面检测 、里边包括了很多的特殊校验 比如 电话、金额、数字等 。

    JSP日历控件代码

    "TestDate"文件夹很可能包含了用于生成日历显示的JavaScript文件,这些文件可能以.js为扩展名,例如"calendar.js"或"datePicker.js"。JavaScript代码负责在用户界面中创建交互式的日历,让用户能够方便地选择日期。 ...

    jsp 登录注册 修改密码

    在JSP中,Model通常由JavaBean实现,View由JSP页面负责,而Controller则由Servlet或自定义标签库(JSTL)处理。 3. **用户登录** 用户登录通常涉及以下步骤: - 接收用户输入:在JSP页面上创建表单,接收用户名和...

    jsp的数字和字母验证码

    5. **在JSP页面展示**:在JSP页面中,使用`&lt;img&gt;`标签显示生成的验证码图像。同时,将生成的字符串存储在session中,以便后续校验用户输入的验证码。 6. **用户输入校验**:当用户提交表单时,比较用户输入的验证码...

    jsp教师与学生不同登陆界面

    10. **项目结构**:压缩包中的"shiyansan"可能代表实验的源代码文件夹,通常包括JSP页面、CSS样式文件、JavaScript脚本、图片资源等。理解项目的目录结构对于理解和运行实验至关重要。 通过以上步骤,我们可以实现...

Global site tag (gtag.js) - Google Analytics