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>

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

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

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

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

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

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值