JavaScript实现表单非空验证与密码长度校验
作者:木棉时间:2026-10-26 11:51:24浏览:500
本文介绍如何使用JavaScript对HTML表单进行非空验证。通过获取文本框的value属性,判断用户名和密码字段是否为空。同时演示了密码长度限制(4-16位)及确认密码一致性校验的实现逻辑,包含完整的代码示例。
// 代码结束
JavaScript表单非空验证与密码校验实现
相关代码实现如下所示:
// 验证用户名是否为空
function checkUserName(){
var name = document.myform.txtUser; // 此处假设 name 变量指向名为 txtUser 的文本框元素
if(name.value.length==0){
alert("请输入用户名");
name.focus();
return false;
}else{return true;}
}
// 验证密码是否为空及确认密码是否一致
function checkPass(){
var pass=document.myform.txtPass;
var rpass=document.myform.txtRPass;
if(pass.value==""){
alert("密码不能为空");
pass.focus();
return false;
}else if (pass.value.length<4 || pass.value.length>16){
alert("密码的长度必须在4-16个字符");
pass.select();
return false;
}else if(rpass.value!=pass.value){
alert("确认密码与密码输入不一致");
rpass.select();
return false;
}else{return true;}
} 作者最新文章
JS合并多个数组的三种方法:concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
