html和js怎么非空验证

JavaScript011

html和js怎么非空验证,第1张

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

使用说明：

1、消息显示对象id = 输入表单id + _msg

如用户名输入表单id=txt_username,消息显示对象id=txt_username_msg

2、错误消息:写在输入表单的title里，具体如下

<script>

//参数说明 ，o : 检查对象 ,sType : 数据类型

function CheckInput(o ,sType){

var msg=document.getElementById(o.id + '_msg')

//用户名

if(sType=='username'){

msg.innerHTML=(!/^[a-z0-9]{4,20}$/gi.test(o.value))? o.title : '√'

}

//密码

if(sType=='password'){

msg.innerHTML=(!/^[\S]{6,20}$/gi.test(o.value))? o.title : '√'

}

//更多数据类型验证方法可以自己添加....

}

</script>

</head>

　 <body>

　用户名：<input type="text" name="txt_username" id="txt_username" onblur="CheckInput(this, 'username')" title="用户名不能为空

，应为4-20个字母数字组成！"/><span id="txt_username_msg"></span>

<br/>

密码：<input type="text" name="txt_password" id="txt_password" onblur="CheckInput(this, 'password')" title="密码不能为空，应

为6-20个非空字符组成！"/><span id="txt_password_msg"></span>

</body>

</html>

当然需要，因为前端的JS验证代码如果在用户端浏览器被禁用了，那么就不会执行该js代码进行验证，也就相当于没有做非空验证，如果这时候将数据直接在服务器端使用，那么情况可想而知；一句话，永远不要轻易相信客户提供给你的数据；当初我们的培训导师说过，你只要把使用你软件的客户当做傻瓜，思考的问题自然多于常人。