JavaScript表单数据验证

接触JavaScript有一年多了，刚开始做项目的时候，大部份时候都只会用JavaScript去做一些表单输入的基本验证，但是随着Web2.0的兴起，JavaScript变得越来越重要。最深刻的体会就是，去面试的时候，大部份经理除了问一些Java和.NET方面的基础知识外，最重要的就是会问到，会不会JavaScript？功底有多深？ 当然，我碰到的公司大部份都是用笔试来考的，感觉有些BT，因为在一张白纸上写代码，是大姑娘上花矫，头一回。幸好，平时代码敲得不少，还难不倒我。

    一些最常见的表单验证：

function  validate()  ... {    var username = document.formName.txtUsername.value;    var password = document.formName.txtPassword.value;    var validCode = document.formName.txtValidCode.value;    if(username.trim().length == 0) ...{        alert("用户名不能为空！");        document.formName.txtUsername.focus();        return false;    }    if(password.trim().length == 0) ...{        alert("用户密码不能为空！");        document.formName.txtPassword.focus();        return false;    }    if(validCode.trim().length == 0) ...{        alert("验证码不能为空！");        document.formName.txtValidCode.focus();        return false;    }    return true;}

<form name="formName" action="login.do" method="post" οnsubmit="return validate();">

 用户名：<input name="txtUsername" type="text" /><br />

密 码：<input name="txtPassword" type="password" /><br />

验证码：<input name="txtValidCode" type="text" /><br />

<input name="btnLogin" type="submit" value="登录" />

</form>

如果，有些字符直接就不让用户输入呢？有办法。直接在用户敲键盘的时候就用""替换掉。不是很好吗

该文本框只允许输入数字：不信吗？你就试试

该文本框只允许输入字母：

该文本框只允许输入字母和数字：

该文本框只允许输入汉字：

当然，除了这些之外，还有很多。再配合上面的表单验证，就可以排除很多无效的字符。