JavaScript表单数据验证
来源:互联网 发布:upd客户端socket编程 编辑:程序博客网 时间:2024/05/01 10:05
接触JavaScript有一年多了,刚开始做项目的时候,大部份时候都只会用JavaScript去做一些表单输入的基本验证,但是随着Web2.0的兴起,JavaScript变得越来越重要。最深刻的体会就是,去面试的时候,大部份经理除了问一些Java和.NET方面的基础知识外,最重要的就是会问到,会不会JavaScript?功底有多深? 当然,我碰到的公司大部份都是用笔试来考的,感觉有些BT,因为在一张白纸上写代码,是大姑娘上花矫,头一回。幸好,平时代码敲得不少,还难不倒我。
一些最常见的表单验证:
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" onsubmit="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>
如果,有些字符直接就不让用户输入呢?有办法。直接在用户敲键盘的时候就用""替换掉。不是很好吗
该文本框只允许输入数字:不信吗?你就试试
该文本框只允许输入字母:
该文本框只允许输入字母和数字:
该文本框只允许输入汉字:
当然,除了这些之外,还有很多。再配合上面的表单验证,就可以排除很多无效的字符。
- JavaScript表单数据验证
- JavaScript屏蔽功能键+表单数据验证
- JavaScript 表单及表单验证
- 一般的对表单数据验证的javascript代码收集
- 一般的对表单数据验证的javascript代码收集
- 用javascript验证表单数据正则表达式汇总
- 用javascript验证表单数据正则表达式汇总
- JavaScript验证表单数据,并提交给Java后台
- 表单验证(JavaScript)
- 表单验证(JavaScript)
- Web 表单验证 javascript
- 读书笔记------javascript表单验证
- JavaScript 客户端表单验证
- javascript表单验证总结
- javascript 表单验证大全
- JavaScript验证表单大全
- Javascript表单验证
- JavaScript表单验证集锦
- 你是否还会记得我?
- 给初学者:VB如何操作WEB页的浏览提交———九:给感觉看HTML代码去找对应对象费劲的朋友的工具
- 飘云QQ2007现有BUG解决办法...终于搞定!
- 越南的生活之奇闻
- 解决金山词霸2007中美国传统词典音标乱码问题
- JavaScript表单数据验证
- Eclipse要在SOA领域抢占先机
- test
- 过年完毕,发帖纪念~~
- 关于系统运行的内存稳定性
- 把变量和表达式转换成字符串
- 浑然顿悟
- CString 和 std::string 的相互赋值
- 第七课:输出字符串