js判断input是否为空

最新推荐文章于 2023-09-13 20:48:06 发布

转载最新推荐文章于 2023-09-13 20:48:06 发布 · 2.1k 阅读

本文介绍了一个简单的JavaScript表单验证脚本，该脚本用于确保用户在提交表单前正确填写了所有必填字段，包括用户名、电话号码、密码及其确认密码，并接受了用户协议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<SCRIPT LANGUAGE="JavaScript">
function jj(){
if(document.getElementByIdx_x_x('name').value==''){
   alert('用户名不能为空');
   return false;
}
if(document.getElementByIdx_x_x('phone').value==''){
   alert('电话不能为空');
   return false;
}
if(document.getElementByIdx_x_x('password').value==''){
   alert('密码不能为空');
   return false;
}
if(document.getElementByIdx_x_x('password').value != document.getElementByIdx_x_x('password2').value){
   alert('两次输入的密码不一样');
   return false;
}
if(!document.getElementByIdx_x_x('agreement').checked ==true){
   alert('你还没有接受用户协议');
   return false;
}
}
function hh(x,y){
if(document.getElementByIdx_x_x(x).value ==''){
   document.getElementByIdx_x_x(y).innerHTML='带*号的为必填,请不要留下空格';
}
}
</SCRIPT>
<form action="" method="post" onsubmit="return jj()">
<table width="100%" border="0">
    <tr>
        <td width="40%" align="right">用户名：</td>
        <td width="60%"><input type="text" size="25" id="name" name="user_name" onblur="hh('name','name_notice')" />
        <span id="name_notice" style="color:#FF0000">*</span></td>
    </tr>
    <tr>
        <td width="40%" align="right">电话：</td>
        <td width="60%"><input type="text" size="25" id="phone" name="user_phone" onblur="hh('phone','phone_notice')" />
        <span id="name_notice" style="color:#FF0000">*</span></td>
    </tr>
    <tr>
        <td width="40%" align="right">密码：</td>
        <td width="60%"><input type="password" size="25" id="password" name="pwd" onblur="hh('password','password_notice')" />
        <span id="password_notice" style="color:#FF0000">*</span></td>
    </tr>
    <tr>
        <td width="40%" align="right">重复密码：</td>
        <td width="60%"><input type="password" size="25" id="password2" name="pwd2" onblur="hh('password2','password_notice')" />
        <span id="password_notice2" style="color:#FF0000">*</span></td>
    </tr>
    <tr>
      <td align="center" colspan="2"><label>
        <input name="agreement" type="checkbox" id='agreement' onblur="hh('agreement','agreement_notice')"/>
        我已看过并接受《<a href="article.php?cat_id=-1" style="color:blue" target="_blank">用户协议</a>》</label></td>
    </tr>
    <tr>
        <td align="center" colspan="2"><input type="submit" value="注册" name="a" /></td>
    </tr>
</table>