常用表单校验用户名密码单选按钮验证

常用表单校验 在表单加 1 onSubmit 事件属于 form 表单元素 所以要写在 form 标签内 2 onSubmit return 方法名 将根据返回的真 假值来决定是否提交表单数据 a 如果使用图片提交数据 图片不具有 submit 属性 所以图片使用 onClick 函数名 调用 函数 在函数中使用 document 表单名 submit 方法提交数据即可 用户名 密码验证 1 非空验证 a 首先使用 document 表单名 控件名 获取控件 同时声明一个变量接收 var 变量名 b 判断控件是否为空 使用 if 变量名 value c 如果为空提示用户 alert 为空 并返回 return false d 当文本框为空时 自动获取焦点 变量名 focus e 最后返回 return true 判断只有 2 种结果 true 或 false 所以如果为假 就返回真 2 字符数 a 获取控件的 value 值 b 判断即可 语法 用户名非空验证 function checkUserName var txtUser document myform txtUser if txtUser value alert 请输入用户名 txtUser focus return false if txtUser value length 16 alert 4 16 个字符 txtUser select return false var txtUsers for var i 0 i 0 txtUser select return false if txtUser value return true 密码非空验证 确认验证 function checkPass var txtPass document myform txtPass var txtRPass document myform txtRPass if txtPass value alert 请输入密码 txtPass focus return false else if txtUser value length 12 alert 4 16 个字符 txtUser select return false else if txtRPass value alert 请再次输入密码 txtPass focus return false else if txtPass value txtRPass value alert 两次输入的密码不相同 txtPass focus return false else return true 单选按钮验证 1 单选按钮只能选中一个 所以 name 是相同的 a 首先获取所有单选按钮 声明一个变量接收 这个变量等于数组 b 循环判断单选按钮是否选中 语法 单选按钮 function an var name document getElementsByName sex for var i 0 i name length i if name i checked true return true alert 请选择性别 return false 电子邮件验证 1 分析得到邮箱必须包含 和 所以首先需要获取字符串中是否包含这 2 个 a 使用 indexOf 要找的字符 需要查找的起点位子下标 返回值是一 个数值 b 判断 的位子是否等于 0 如果等于 0 说明 是在起点第一个位子出现的 如果小于 0 说 明 没有出现 c 判断 是不是在 的前面 点的下标一定大于 的下标 如果点减 得到的结果是负数 说明 的下标大于点的下标 等于 在点后面 同时要保证 和点之间至少有一位字符 点 1 说明点和 之间没有一个字符 点 1 说明点在 的前面 邮箱格式 abc 下标位子 0123456789 语法 电子邮件验证 function you var yyy document myform txtEmail value if yyy length 0 alert 电子邮箱地址不能为空 txtEmail focus return false var quan document myform txtEmail value indexOf 0 var dian document myform txtEmail value indexOf 0 if quan 0 dian 0 dian quan 1 yyy length dian 1 alert 电子邮件格式不正确 document myform txtEmail select return false return true 验证出生年份 1 创建 Date 对象 var d new Date 2 获取年份 var nian d getYear 3 获取月份 var yue d getMonth 1 4 获取日 var ri d getDate 语法 function checkDate var year document myform year if year value alert 请输入年份 years focus else var da new Date 创建 Date 对象 var d da getYear 获取年份 var years document myform year value 获取控件 if yearsd alert 输入的年份不能高于当前年份 years focus return false return true String 对象的方法 将字符串转换成大写 function toUp var da document myform textLow value 获取控件的值并赋给变量 document myform txtUp value da toUpperCase 将变量转换为大写 将字符串转换成小写 function toLow var xiao document myform txtUpper value 获取控件的值并赋给变量 document myform txtLower value xiao toLowerCase 将变量转换为小写 返回位于指定索引 0 和 zhi 之间的字符串 可以理解为从下标 0 开始到 zhi 结束 并且包括 索引 0 所对应的字符 function subWord var zhi document myform txtLength value 获取控件输入的值并赋给变量 var he document myform txtWord value substring 0 zhi 截取文本框的值 从 0 到 zhi document myform txtSub value he 将截取后的值赋给文本框 返回的是一个数值 查找子字符串的位子 function f