?
前不久在一家小公司做项目总结出来的javascript验证方法，现在分享给大家。不过，我是新手，应该有很多疏漏，请各位大哥大姐们多多指教。
?
?
// 在GBK编码里，除了ASCII字符，其它都占两个字符宽
function get_bytes_length(str) {
return str.replace(/[^\x00-\xff]/g, "xx").length;
}
?
//去除所有空格
function trim(obj) {
var not_valid = /\s/;
while (not_valid.test(obj)) {
obj = obj.replace(not_valid, "");
}
return obj;
}
?
//只能输入数字、字母、下划线
function nlu(obj) {
var valid = /^\w*$/;
return (valid.test(obj));
}
?
?
?
?
//普通验证(obj:要验证的输入框的id;maxsize:可输入最大英文字符长度;isNull:是否为必填项)
function check_obj1(obj, maxsize, isNull) {
//获取输入框值
var v = document.getElementById(obj).value;
//是必填项
if (isNull) {
if (v == "") {
document.getElementById("vd_" + obj).innerText = "不能空!";
return false;
}
}
//超过指定长度
if (get_bytes_length(trim(v)) > maxsize) {
document.getElementById("vd_" + obj).innerText = "\u53ea\u80fd\u8f93\u5165" + (maxsize / 2) + "\u4f4d\u4ee5\u5185\u7684\u4e2d\u6587\u6216" + maxsize + "\u4f4d\u4ee5\u5185\u82f1\u6587\u5b57\u7b26!";
return false;
}
if(isNull){
document.getElementById("vd_" + obj).innerText = "*";
return true;
}else{
document.getElementById("vd_" + obj).innerHTML = "<font color='green'>\u8f93\u5165\u6b63\u786e!</font>";
return true;
}
}
?
//验证数字(obj:要验证的输入框的id;maxsize:可输入最大英文字符长度;isNull:是否为必填项;isNumber:是否只能输入数字)
function check_obj2(obj, maxsize, isNull, isNumber) {
//获取输入框值
var v = document.getElementById(obj).value;
//是必填项
if (isNull) {
if (v == "") {
document.getElementById("vd_" + obj).innerText = "不能空!";
return false;
}
}
//超过指定长度
if (get_bytes_length(trim(v)) > maxsize) {
document.getElementById("vd_" + obj).innerText = "\u6700\u591a\u8f93\u5165" + maxsize + "\u4e2a\u6570\u5b57!";
return false;
}
//只能是数字
if (isNumber) {
if (isNaN(v)) {
document.getElementById("vd_" + obj).innerText = "\u53ea\u80fd\u8f93\u5165\u6570\u5b57!";
return false;
}
}
if(isNull){
document.getElementById("vd_" + obj).innerText = "*";
return true;
}else{
document.getElementById("vd_" + obj).innerHTML = "<font color='green'>\u8f93\u5165\u6b63\u786e!</font>";
return true;
}
}
?
//验证数字、字母、下划线(obj:要验证的输入框的id;maxsize:可输入最大英文字符长度;isNull:是否为必填项;isNLU:是否为数字、字母、下划线)
function check_obj3(obj, maxsize, isNull, isNLU) {
//获取输入框值
var v = document.getElementById(obj).value;
//是必填项
if (isNull) {
if (v == "") {
document.getElementById("vd_" + obj).innerText = "\u4e0d\u80fd\u4e3a\u7a7a!";
return false;
}
}
//超过指定长度
if (get_bytes_length(trim(v)) > maxsize) {
document.getElementById("vd_" + obj).innerText = "\u53ea\u80fd\u8f93\u5165" + (maxsize / 2) + "\u4f4d\u4ee5\u5185\u7684\u4e2d\u6587\u6216" + maxsize + "\u4f4d\u4ee5\u5185\u82f1\u6587\u5b57\u7b26!";
return false;
}
//只能是数字、字母、下划线
if (isNLU) {
if (!nlu(v)) {
document.getElementById("vd_" + obj).innerText = "\u53ea\u80fd\u8f93\u5165\u6570\u5b57\u3001\u5b57\u6bcd\u3001\u4e0b\u5212\u7ebf!";
return false;
}
}
if(isNull){
document.getElementById("vd_" + obj).innerText = "*";
return true;
}else{
document.getElementById("vd_" + obj).innerHTML = "<font color='green'>\u8f93\u5165\u6b63\u786e!</font>";
return true;
}
}
?
//电话验证(obj:要验证的输入框的id;maxsize:可输入最大英文字符长度;isNull:是否为必填项)
function check_obj4(obj, maxsize, isNull) {
//获取输入框值
var v = document.getElementById(obj).value;
//是必填项
if (isNull) {
if (v == "") {
document.getElementById("vd_" + obj).innerText = "\u4e0d\u80fd\u4e3a\u7a7a!";
return false;
}
}
var reg=/(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/;
if(!reg.test(v)){
document.getElementById("vd_" + obj).innerText = "格式错误!";
return false;
}
//超过指定长度
if (get_bytes_length(trim(v)) > maxsize) {
document.getElementById("vd_" + obj).innerText = "\u53ea\u80fd\u8f93\u5165" + (maxsize / 2) + "\u4f4d\u4ee5\u5185\u7684\u4e2d\u6587\u6216" + maxsize + "\u4f4d\u4ee5\u5185\u82f1\u6587\u5b57\u7b26!";
return false;
}
if(isNull){
document.getElementById("vd_" + obj).innerText = "*";
return true;
}else{
document.getElementById("vd_" + obj).innerHTML = "<font color='green'>\u8f93\u5165\u6b63\u786e!</font>";
return true;
}
}
?
?
//验证小数点(obj:要验证的输入框的id;maxsize:可输入最大英文字符长度;isNull:是否为必填项;floatsize:小数点后长度;)
function check_obj5(obj, maxsize,isNull,floatsize) {
//获取输入框值
var v = document.getElementById(obj).value;
//是必填项
if (isNull) {
if (v == "") {
document.getElementById("vd_" + obj).innerText = "\u4e0d\u80fd\u4e3a\u7a7a!";
return false;
}
}
?
var counts=0;//是否有小数点
var j,c;
for(j=0;j<v.length;j++){
c=v.charAt(j)
if(( c >= '0' && c <= '9')||( c == ".")){
if(c=='.'){
counts++;
}
}else{
??? document.getElementById("vd_" + obj).innerText = "只能输入数字和小数点!";
??? return false;
}
}
if(counts>=1){//存在小数点
if(counts==1){//只有一个小数点时
if(isNaN(v.substring(0,(maxsize-floatsize)))){
document.getElementById("vd_" + obj).innerText = "小数点前面只能为数字!";
??? return false;
}else if(v.substring(0,v.indexOf('.')).length>(maxsize-floatsize)){
??? document.getElementById("vd_" + obj).innerText = "小数点前面只能为"+(maxsize-floatsize)+"位数字!";
??? return false;
}else if(v.substring(v.indexOf('.')+1).length>floatsize){
document.getElementById("vd_" + obj).innerText = "小数点后面只能为"+floatsize+"位数字!";
??? return false;
}else if(v.length>(maxsize+1)){
document.getElementById("vd_" + obj).innerText = "长度超过范围!";
return false;
}else{
if(isNull){//必填项显示星号
document.getElementById("vd_" + obj).innerText = "*";
return true;
}else{//否则显示输入正确
document.getElementById("vd_" + obj).innerHTML = "<font color='green'>\u8f93\u5165\u6b63\u786e!</font>";
return true;
}
}
}else{//存在多个小数点时
document.getElementById("vd_" + obj).innerText = "小数点多了!";
return false;
}
}else{//不存在小数点
if(v.length>(maxsize-floatsize)){
document.getElementById("vd_" + obj).innerText = "小数点前面只能为" + (maxsize-floatsize) + "位数字!";
return false;
}else{
if(isNull){//必填项显示星号
document.getElementById("vd_" + obj).innerText = "*";
return true;
}else{//否则显示输入正确
document.getElementById("vd_" + obj).innerHTML = "<font color='green'>\u8f93\u5165\u6b63\u786e!</font>";
return true;
}
}
}
}
?
//密码验证
function obj1_equals_obj2(obj1,obj2){
var v1 = document.getElementById(obj1).value;
var v2 = document.getElementById(obj2).value;
if(v1!=v2){
document.getElementById("vd_" + obj2).innerText = "两次密码不一致!";
? return false;
}else{
document.getElementById("vd_" + obj2).innerText = "*";
return true;
}
}
<!--EndFragment-->