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;}
} 
作者最新文章