JavaScript常用表单验证

本文介绍了一个用于添加用户的表单验证脚本,该脚本确保用户输入的数据符合特定的格式和长度要求。其中包括用户代码、用户名、密码及联系电话等字段的验证逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function addUser() {
	var userIdField = document.getElementById("userId");
	var userNameField = document.getElementById("userName");
	var passWordField = document.getElementById("password");
	var contactTelField = document.getElementById("contactTel");

	//用户代码不能为空
	if (trim(userIdField.value) == "") {
		alert("请输入用户代码!");
		userIdField.focus();
		return;
	}

	//用户代码的长度不能小于四个字符
	if ((trim(userIdField.value).length < 4)) {
		alert("用户代码的长度至少为4个!");
		userIdField.focus();
		return;
	}

	//用户代码首字符必须为字母
	if (!(trim(userIdField.value).charAt(0) >= 'a' && trim(userIdField.value)
			.charAt(0) <= 'z')) {
		alert("首字符必须为字母!");
		userIdField.focus();
		return;
	}

	//使用正则表达式验证用户名只能为4~6位
	var re = new RegExp(/^[a-zA-z0-9]{4,6}$/);
	if (!re.test(trim(userIdField.value))) {
		alert("用户代码必须为数字或字母,只能为4~6位!");
		userIdField.focus();
		return;
	}

	//用户名称不能为空
	if (trim(userNameField.value) == "") {
		alert("请输入用户名称!");
		userNameField.focus();
		return;
	}

	//用户密码不能为空
	if (trim(passWordField.value) == "") {
		alert("用户密码不能为空!");
		passWordField.focus();
		return;
	}

	//普通方案验证手机只能为数字
	if (trim(contactTelField.value) != "") {
		for ( var i = 0; i < trim(contactTelField.value).length; i++) {
			var chrNum = trim(contactTelField.value).charAt(i);
			if (!(chrNum >= '0' && chrNum <= '9')) {
				alert("联系电话只能为数字!");
				return;
			}
		}
	}
	
	//提交表单
	with(document.getElementById("userForm")){
		action="user_add.jsp";
		method="post";
		submit();
	}
	
}

	//用户代码只允许输入字母,不允许输入其它
	function userIdOnKeyPress() {
		if (!(window.event.keyCode >= '97' && window.event.keyCode <= '122')) {
			window.event.keyCode=0;
		}
	}

//按回车键进行换行,到button键时停止
function document.onkeydown(){
	if(window.event.keyCode=='13' && window.event.srcElement.type!='button'){
		window.event.keyCode='9';
	}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值