学习日记之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       不是空格