js_javascript スキルでユーザーが入力した値が空かどうかを判断する簡単な例

js でユーザーが入力した値が空であるかどうかを判断するのは、特に書くことはありません。参考までに。 .

これは私のプロジェクトのユーザー登録ページからの抜粋です。ほとんどの人にとって、これはほぼ 100% 経験済みです。
これらのコードはすべて JS で書かれています。これは難しいことではありません。理解するには、2 つの JS クラスを区別する必要があります。
フロント ページ コード: reguser.aspx

。コードをコピーします コードは次のとおりです:

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




< ;meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">





<script><br> var reg = {};<br> reg.userName = '';<br> reg.password = '';<br> reg.confirmPassword = '';<br> reg.question = '';<br> 正規回答= '';<br> reg.url = '';<br> reg.sex = 1;<br> reg.email = '';<br> reg.tel = '';<br> reg.mobile = '';<br> reg.qq = '';<br> reg.address = '';<br> reg.postalcode = '';<br> reg.form = null;<br><br> 関数 btnSubmit_onclick ()<br> {<br> reg.form = document.forms[0];<br> var comFun = new commonFunction();<br><br> if( !comFun.checkIsEmpty(reg.form))<br> {<br> return false;<br> }<br><br> if(comFun.$getElementById('txtPassword') value!=comFun.$getElementById('txtconfirmPassword').value)<br> { <br> alert('二次密码输入不一致');<br> comFun.$getElementById('txtconfirmPassword').select();<br> return false ;<br> }<br><br> reg.userName = comFun.$getElementById('txtUserName');<br> reg.password = comFun.$getElementById('txtPassword');<br> reg.question = comFun.$getElementById(' txtQuestion');<br> reg.answer = comFun.$getElementById('txtAnswer');<br> reg.url = comFun.$getElementById('txtUrl');<br> reg.email = comFun.$getElementById( 'txtEmail');<br> reg.tel = comFun.$getElementById('txtTel');<br> reg.mobile = comFun.$getElementById('txtMobile');<br> reg.qq = comFun.$getElementById ('txtQQ');<br> reg.address = comFun.$getElementById('txtAddress');<br> reg.postalcode comFun.$getElementById('txtPostalcode');<br><br> var es = comFun .$getElementsByName('sex');<br> var eL = es.length;<br> for(var i=0; i<eL; i )<br> {<br> var e = es[i]; <br> if(e.checked)<br> {<br> reg.sex = e.value;<br> Break;<br> }<br> }<br><br> 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);<br> }<br><br> 関数 callback_Reg(res)<br> {<br> var rv = = res.value ;<br> if(rv)<br> {<br> alert('注册成功!');<br> window.location.href='/デフォルト。 aspx';<br> }<br>                else<br>                {<br>                    alert('有错误发生,注册失败!有可能是用户名或者域名被别人注册过了！');<br>                }<br>            }<br><br>            // 检测用户名的域名是否被其它用户注册过了<br>            function checkIsRegistered(obj, errorS, t)<br>            {<br>                var v    = obj.value;<br><br>                var rv    = RegUser.CheckIsRegistered(v, t).value;<br>                if(rv)<br>                {<br>                    alert(errorS);<br>                    obj.select();<br>                    return false;<br>                }<br>            }<br>        </script>
   
   
       

           
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   
                   
               
               
                   

用户名:	*
密码:	*
确认密码:	*
密码提示问题:	*
密码问题答案:	*
站点Url:	*
性别:	男  女
Email:
固定电话:	*
移动电话:
QQ:
住址:
邮编: < /td>
< ;div align="right">操作:

< /body>

上面の代コード内に、CommonFunction.js 文書が含まれており、下面にこれがある内容:

复制代码代码如下:

/*************************************************** * *******
*
* パブリック js 関数
*
************************ ****** *********************************/
function commonFunction()
{
// 値が null または空であることを確認します
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();
フラグ = false;
Break;
}
}

if(e.isValidate)
{
if(this.checkValidate(e)==false)
{
alert(e.errorSForValidate);
e.select();
e.focus();
フラグ= false;
Break;
}
}
}

return flag;
}

// チェック値は validate
this.checkValidate = function(e)
{
var v = e.value; if（v！= ''）
{
this.checkreg（e.validatePattern、v）;
}
}

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

// どの ID の Element By id オブジェクトを返します。
this.$ getElementById = function(id)
{
var e = document.getElementById(id);

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

return;
}

// ID の Element By name オブジェクトを返します。
this.$getElementsByName = function(id)
{
var e = document.getElementsByName(id);

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

return;
}

贴一张效果图片: