学习日记之JS验证表单
今天学习了JS的验证表单功能。
现在想想就有点小激动，也可以做出点小效果出来了。
需求：用户输入的密码中不能包含空格
表单代码：
密码 <input type="password" name="password" onblur="checkPassword()"/><span id="passwordspan"></span>
Js代码：
function checkPassword(){
var passwordEle = document.getElementsByName("password")[0].value;//得到用户输入表单中的值
var spanEle = document.getElementById("passwordspan");//获得位置
var reg=/^[\s\S]*[\s]+[\s\S]*$/g;//用正则表达式表示有空格的密码
if(reg.test(passwordEle)){
spanEle.innerHTML = "密码中不能包含空格";
return false;
}else if(passwordEle.length ==0){//用户没有输入
spanEle.innerHTML = "密码不能为空";
return false;
} else{
spanEle.innerHTML = "正确";
return false;
}
}
其中：
正则表达式：
* 代表0个或多个
+ 代表一个或多个
？ 代表0个或一个
^ 开始位置
$ 结束位置
g 全局变量
i 忽略大小写
\d 界定符
\b 数字
\w 单词
\s 空格
\S 不是空格
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
