表单验证

最新推荐文章于 2025-08-08 16:46:01 发布

原创最新推荐文章于 2025-08-08 16:46:01 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #JSP #JavaScript #C #C++ #ViewUI

javascript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于验证用户输入的数据是否符合特定的标准，包括用户代码、用户名、密码、联系电话和电子邮件地址。验证规则包括：用户代码必须由4到6个字母或数字组成且首字符为字母；用户名和密码不能为空；联系电话必须为数字；电子邮件地址格式正确。

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

script type="text/javascript">
function goBack() {
window.self.location="user_maint.html"
}

function addUser() {
var vUserId = document.getElementById("userid").value;
//用户代码不能为空
if(trim(vUserId) == ""){
alert("用户代码不能为空!");
document.getElementById("userid").focus();
return;
}
//第一个字符一定是字母
if( !((trim(vUserId).charAt(0) > 'a' && trim(vUserId).charAt(0) < 'z') || (trim(vUserId).charAt(0) > 'A' && trim(vUserId).charAt(0) < 'Z') )){
alert("用户代码首字符必须是字母");
document.getElementById("userid").select();
return ;
}
//采用正则表达式判断用户代码只能是数字或字母4-6个位
var re = new RegExp(/^[a-zA-Z0-9]{4,6}$/);
if(!re.test(trim(vUserId))){
alert("用户代码必须是数字或字母且为4-6位!");
document.getElementById("userid").select();
return ;
}
//用户名称不能为空
if(trim(document.getElementById("userName").value).length == 0){
alert("用户名不能为空！");
document.getElementById("userName").select();
return ;
}
//密码至少6位
if(trim(document.getElementById("password").value).length < 6){
alert("密码至少为6位!");
return ;
}
//联系电话只能是数字(输入了就判断),采用两种方式
var contactTelField = document.getElementById("contactTel");
//不采用正则表达式
/*
if(trim(contactTelField.value) != ""){
for(var i=0; i < trim(contactTelField.value).length ; i++){
var c = trim(contactTelField.value).charAt(i);
if(!( c >= '0' && c <= '9')){
contactTelField.select();
alert("电话号码必须为数字!");
return;
}
}
}
*/
//采用正则表达式
if(trim(contactTelField.value) != ""){
re.compile(/^[0-9]+$/);
if(!(re.test(trim(contactTelField.value)))){
contactTelField.select();
alert("电话号码必须为数字!");
return ;
}
}
//如果email不为空，进行判断，
var emailField = document.getElementById("email");
if(trim(emailField.value) !== ""){
var emailStr = emailField.value;
;
if(emailStr.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) == -1 ){
alert("eamil不合法!");
emailField.select();
return;
}
}
/*
document.getElementById("userForm").action="user_add.jsp";
document.getElementById("userForm").method="post";
document.getElementById("userForm").submit();
*/
//等同上面的写法
with(document.getElementById("userForm")){
action="user_add.jsp";
method="post";
submit();
}
}

function init(){
document.getElementById("userId").focus();
}
//不允许数字输入
function userIdOnKeyPress(){
//alert(window.event.keyCode);
if(!((window.event.keyCode >= 97 && event.keyCode <= 122)||(event.keyCode >= 65 && event.keyCode<=90))){
event.keyCode = 0;
}
}
/*
//覆盖系统的onkeydown
function document.onkeydown(){
//alert(window.event.keyCode);
//如果是回车键，且触发该事件的对象不是button，则将其换为table键
if(window.event.keyCode == 13 && window.event.sreElement.type != 'button'){
winodw.event.keyCode = 9;
}
}
*/

</script>