欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js中判断用户输入的值是否为空的简单实例_javascript技巧

程序员文章站 2022-06-03 18:06:08
...
在js中判断用户输入的值是否为空,这是大家用得非常多的. 这没有什么好写的. 而我却写了. 原因只是自以为是的认为我的这些代码写得不错, 供大家参考一下.

这是摘自的我一个项目的中的用户注册页面.对于大多数人来说,这都几乎是100%经历过的.
贴代码吧,这些代码都是用js写的. 不难,很容易看懂. 看的时候,只要区别两个js类就行了.
前台页面代码:reguser.aspx

复制代码 代码如下:





用户注册



































































用户名:

*
密码:

*
确认密码:

*
密码提示问题:

*
密码问题答案:

*
站点Url:

*
性别:

Email:

固定电话:

*
移动电话:

QQ:

住址:

邮编:

操作:






在上面的代码中,有包含了一个CommonFunction.js文件,下面这是他的内容:
复制代码 代码如下:

/***********************************************************
*
* 公共js函数
*
***********************************************************/
function commonFunction()
{
// check value is null or empty
this.checkIsEmpty = function(obj)
{
var flag = true;
for(var i=0; i {
var e = obj.item(i);
if(e.isRequired)
{
if(e.value=='')
{
alert(e.errorSForEmpty);
e.focus();
flag = false;
break;
}
}

if(e.isValidate)
{
if(this.checkValidate(e)==false)
{
alert(e.errorSForValidate);
e.select();
e.focus();
flag = false;
break;
}
}
}

return flag;
}

// check value is validate
this.checkValidate = function(e)
{
var v = e.value;
if(v!='')
{
return this.checkReg(e.validatePattern, v);
}
}

// regexp validate
this.checkReg = function(pattern, value)
{
pattern = pattern.substring(1, pattern.length-1);
var reg = new RegExp(pattern);
if(!reg.test(value))
{
return false;
}
}

// return an Element By id object for what id.
this.$getElementById = function(id)
{
var e = document.getElementById(id);

if(e!='undefined')
{
return e;
}

return;
}

// return an Element By name object for what id.
this.$getElementsByName = function(id)
{
var e = document.getElementsByName(id);

if(e!='undefined')
{
return e;
}

return;
}
}

贴一张效果图片:

js中判断用户输入的值是否为空的简单实例_javascript技巧

相关标签: js 判断空值