js中判斷使用者輸入的值是否為空的簡單實例

作者：Eve Cole 更新時間：2025-03-23 05:16:01

在js中判斷使用者輸入的值是否為空,這是大家用得非常多的. 這沒有什麼好寫的. 而我卻寫了. 原因只是自以為是的認為我的這些代碼寫得不錯, 供大家參考一下.

這是摘自的我一個項目的中的用戶註冊頁面.對於大多數人來說,這都幾乎是100%經歷過的.

貼程式碼吧,這些程式碼都是用js寫的. 不難,很容易看懂. 看的時候,只要區別兩個js類別就行了.

前台頁面代碼:reguser.aspx

複製代碼代碼如下:

<%@ Page language="c#" Codebehind="RegUser.aspx.cs" AutoEventWireup="false" Inherits="Enterprise.Web.RegUser" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>

<head>

<title>使用者註冊</title>

var reg = {};

reg.userName = '';

reg.password = '';

reg.confirmPassword = '';

reg.question = '';

reg.answer = '';

reg.url = '';

reg.sex = 1;

reg.email = '';

reg.tel = '';

reg.mobile = '';

reg.qq = '';

reg.address = '';

reg.postalcode = '';

reg.form = null;

function btnSubmit_onclick()

{

reg.form = document.forms[0];

var comFun = new commonFunction();

if(!comFun.checkIsEmpty(reg.form))

{

return false;

}

if(comFun.$getElementById('txtPassword').value!=comFun.$getElementById('txtConfirmPassword').value)

{

alert('兩次密碼輸入不一致');

comFun.$getElementById('txtConfirmPassword').select();

return false;

}

reg.userName = comFun.$getElementById('txtUserName');

reg.password = comFun.$getElementById('txtPassword');

reg.question = comFun.$getElementById('txtQuestion');

reg.answer = comFun.$getElementById('txtAnswer');

reg.url = comFun.$getElementById('txtUrl');

reg.email = comFun.$getElementById('txtEmail');

reg.tel = comFun.$getElementById('txtTel');

reg.mobile = comFun.$getElementById('txtMobile');

reg.qq = comFun.$getElementById('txtQQ');

reg.address = comFun.$getElementById('txtAddress');

reg.postalcode = comFun.$getElementById('txtPostalcode');

var es = comFun.$getElementsByName('sex');

var eL = es.length;

for(var i=0; i<eL; i++)

{

var e = es[i];

if(e.checked)

{

reg.sex = e.value;

break;

}

RegUser.Reg(reg.userName.value, reg.password.value, reg.question.value, reg.answer.value, reg.url.value, reg.sex.value, reg.email.value, reg.tel. value, reg.mobile.value, reg.qq.value, reg.address.value, reg.postalcode.value, callback_Reg);

}

function callback_Reg(res)

{

var rv = res.value;

if(rv)

{

alert('註冊成功!');

window.location.href='/Default.aspx';

}

else

{

alert('有錯誤發生,註冊失敗!有可能是使用者名稱或網域被別人註冊過了！');

}

// 偵測使用者名稱的網域是否被其它使用者註冊過了

function checkIsRegistered(obj, errorS, t)

{

var v = obj.value;

var rv = RegUser.CheckIsRegistered(v, t).value;

if(rv)

{

alert(errorS);

obj.select();

return false;

}

</script>

</head>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td><div align="right">密碼提示問題:</div>

</td>

</tr>

<tr>

<td><div align="right">密碼問題答案:</div>

</td>

</tr>

<tr>

<td><div align="right">站點Url:</div>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td><div align="right">Email:</div>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</body>

</html>

在上面的程式碼中,有包含了一個CommonFunction.js檔,下面這是他的內容:

複製代碼代碼如下:

/************************************************* **********

* 公共js函數

************************************************** *********/

function commonFunction()

{

// check value is null or empty

this.checkIsEmpty = function(obj)

{

var flag = true;

for(var i=0; i<obj.length; 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;

}

貼一張效果圖: