js에서 사용자가 입력한 값이 비어 있는지 확인하는 간단한 예

저자：Eve Cole 업데이트 시간：2025-03-23 05:16:01

js에서 사용자가 입력한 값이 비어 있는지 확인하는 것은 모두가 많이 사용하는 작업입니다. 쓸 내용은 없지만 참고로 제 코드가 잘 작성되었다고 생각합니다. 시간.

이것은 내 프로젝트 중 하나의 사용자 등록 페이지에서 가져온 것입니다. 이는 대부분의 사람들에게 거의 100% 경험된 것입니다.

코드를 게시하면 이 코드는 모두 js로 작성되었습니다. 읽을 때 두 js 클래스만 구별하면 어렵지 않고 이해하기 쉽습니다.

첫 페이지 코드: reguser.aspx

다음과 같이 코드 코드를 복사합니다.

<%@ 페이지 언어="c#" Codebehind="RegUser.aspx.cs" AutoEventWireup="false" Inherits="Enterprise.Web.RegUser" %>

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

<html>

<머리>

<스크립트>

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;

함수 btnSubmit_onclick()

{

reg.form = document.forms[0];

var comFun = 새로운 commonFunction();

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

{

거짓을 반환;

}

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

{

Alert('입력한 두 비밀번호가 일치하지 않습니다.');

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

거짓을 반환;

}

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.값;

부서지다;

}

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. 값, reg.mobile.value, reg.qq.value, reg.address.value, reg.postalcode.value, callback_Reg);

}

함수 callback_Reg(res)

{

var rv = res.value;

만약(rv)

{

Alert('등록이 완료되었습니다!');

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

}

또 다른

{

Alert('오류가 발생하여 등록에 실패했습니다! 사용자 이름이나 도메인 이름이 다른 사람에 의해 등록되었을 수 있습니다!');

}

// 해당 사용자 이름의 도메인 이름이 다른 사용자에 의해 등록되었는지 확인합니다.

함수 checkIsRegistered(obj, errorS, t)

{

var v = obj.value;

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

만약(rv)

{

경고(오류S);

obj.select();

거짓을 반환;

}

</script>

</head>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</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 기능

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

함수 commonFunction()

{

// 값이 null이거나 비어 있는지 확인

this.checkIsEmpty = 함수(obj)

{

var 플래그 = true;

for(var i=0; i<obj.length; i++)

{

var e = obj.item(i);

if(e.is필수)

{

if(e.value=='')

{

경고(e.errorSForEmpty);

e.focus();

플래그 = 거짓;

부서지다;

}

if(e.isValidate)

{

if(this.checkValidate(e)==false)

{

경고(e.errorSForValidate);

e.select();

e.focus();

플래그 = 거짓;

부서지다;

}

반환 플래그;

}

// 값이 검증되었는지 확인

this.checkValidate = 함수(e)

{

var v = e.값;

if(v!='')

{

return this.checkReg(e.validatePattern, v);

}

// 정규식 유효성 검사

this.checkReg = 함수(패턴, 값)

{

패턴 = 패턴.하위 문자열(1, 패턴.길이-1);

var reg = new RegExp(패턴);

if(!reg.test(값))

{

거짓을 반환;

}

// 어떤 ID에 대한 Element By id 객체를 반환합니다.

this.$getElementById = 함수(ID)

{

var e = document.getElementById(id);

if(e!='정의되지 않음')

{

e를 반환;

}

반품;

}

// 어떤 ID에 대한 Element By name 객체를 반환합니다.

this.$getElementsByName = 함수(ID)

{

var e = document.getElementsByName(id);

if(e!='정의되지 않음')

{

e를 반환;

}

반품;

}

효과 사진 게시: