求哥哥们看看这段程序哪儿出错了~

漂泊的夜壶 发布于 2015/03/26 16:43
阅读 77
收藏 0

按道理鼠标放到输入框,再离开应该就有提示了,可是不管怎么改,就是不出来,哪儿错了啊!!!哥哥们~


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>用户注册</title>
<style type="text/css">
  @import "css/userRegister.css";
</style>
</head>
<body id="BODY">
<div id="DIV_FORM">
<form method="post" action="url">
 <table id="TABLE">
    <tbody>
        <tr>
           <td>病人ID:</td>
           <td>
              <input name="patient_id"  id="patient_id" type="text" onfocus="showDesc(this)" onblur="checkText(this)"/>
           </td>
        </tr>
        <tr>
           <td>责任护士ID:</td>
           <td>
             <input name="nurse_id" id="nurse_id" type="text" onfocus="showDesc(this)" onblur="checkText(this)"/>
           </td>
        </tr>
        <tr>
           <td>病人姓名:</td>
           <td>
             <input name="patient_name" id="patient_name" type="text" onfocus="showDesc(this)" onblur="checkText(this)"/>
           </td>
        </tr>
        
        <tr>
           <td>床位号:</td>
           <td>
             <input name="bed_id" id="bed_id" type="text" onfocus="showDesc(this)" onblur="checkText(this)"/>
           </td>
        </tr>
        <tr>
           <td>医嘱:</td>
           <td>
             <input name="docAdvice" id="docAdvice" type="text" onfocus="showDesc(this)" onblur="checkText(this)"/>
           </td>
        </tr> 
        <tr>
           <td>病人密码:</td>
           <td>
             <input name="patient_pas" id="patient_pas" type="text" onfocus="showDesc(this)" onblur="checkText(this)"/>
           </td>
        </tr>
        <tr>
           <td> </td>
           <td align="right">
             <input type="submit" value="添加病人" />
           </td>
        </tr> 
    </tbody>  
    </table>
   <table id="TABLE2" border="0">
  <tr><td><span id="patient_id_span">请输入病人ID</span></td></tr>
  <tr><td><span id="nurse_id_span">请输入责任护士ID:</span></td></tr>
       <tr><td><span id="patient_name_span">病人姓名:</span></td></tr>
       <tr><td><span id="bed_id_span">床位号:</span></td></tr>
       <tr><td><span id="docAdvice_span">医嘱:</span></td></tr>
       <tr><td><span id="patient_pas_span">病人密码:</span></td></tr>
    </table>
</form>
</div>
<script  type="text/javascript"  src="js/registerCheck.js">
</script>
</body>
</html>


js文件

//输入框获得焦点时,显示提示内容
function showDesc(obj)
{  
   var id= obj.name;
   document.getElementById(id).style.display="inline";
}
 //输入框失去焦点时检验输入内容是否有效
function checkText(obj)
{
   //获取输入框的id值
   var id= obj.name;
   var text=document.getElementById(id).value;


   //判断是否为空
   if(text.equals(""))
   {
      document.getElementById(id).innerHTML="输入不能为空";
   }
   else
   {
     //组装方法
     //取首字母转换为大写,其余不变
     var firstChar=id.charAt(0).toString().toUpperCase();
     //
     var strsub=id.substring(1,id.length);
     var strMethod="check"+firstChar+strsub+"()";
     var isTrue = eval(strMethod);
     if(isTrue)
     {
         document.getElementById(id).innerHTML="输入有效";
     }
   }


   
}  
 function checkUsername()
{
    //只简单的判断用户名的长度
    var id = document.getElementById("USERNAME");
    var username=id.value;    
    if(username.length > 10)
    {
      document.getElementById(id.name).innerHTML = "输入的用户名过长";
      return false;
    } 
    else
    return true;
}
function checkPassword()
{
    var password = document.getElementById("PASSWORD").value;    
    return true;
}
function checkPassword2()
{
     var id=document.getElementById("PASSWORD");
     var id2=document.getElementById("PASSWORD2");
     var password = id.value;    
     var password2 = id2.value;
     if(password!=password2)
     {
        document.getElementById(id.name).innerHTML="密码不一致";
        return false;
     }
     return true;    
}
function checkIDNumber()
{
  var id=document.getElementById("IDNUMBER"); 
  var IDNumber =id.value;
  if(IDNumber.length<18||IDNumber.length>19)
  {
    document.getElementById(id.name).innerHTML="身份证号长度有误";
    return false;
  }
  var expr=/([0]{18}[x|y]?)|([1]{18}[x|y]?)/i;
  if(expr.test(IDNumber))
  {
     document.getElementById(id.name).innerHTML="身份证号不可以全'0'或全'1'";
     return false;
  }
  return true;
}
function checkPhoneNumber()
{
// 利用正则表达式对输入数据匹配
   var id=document.getElementById("PHONENUMBER");
   var phone = id.value;     
//匹配到一个非数字字符,则返回false 
   var expr =  /\D/i;
   if(expr.test(phone))
   {
      document.getElementById(id.name).innerHTML="不能输入非数字字符";
      return false;
   }
   return true;


}
function checkEmail()
{
// 利用正则表达式对输入数据匹配
   var id =  document.getElementById("EMAIL")
   var email = id.value;    
//以字母或数字开头,跟上@,字母数字以.com结尾
   var expr =  /^([0-9]|[a-z])+@([0-9]|[a-z])+(\.[c][o][m])$/i;
   if(!expr.test(email))
   {
      document.getElementById(id.name).innerHTML="输入的邮箱格式有误";
      return false;
   }
   return true;
}
 
css


@CHARSET "utf-8";
/* CSS Document */
#BODY{
    text-align:center;
}
 #TABLE{
    text-align:left;
    margin: auto;
    float:left;
}
#DIV_FORM{
    margin-left:300px;
}
#TABLE2{
    text-align:left;
    width:150px;
    height:150px;
}
#TABLE2 tr
{
    height:24px;
}
#TABLE2 span{
    display:none;
}
 

加载中
0
oneMore
oneMore

首先不管你 css ,js 文件放的位置,你应该是把外部的js,css复制古来的。

 //判断是否为空
   if(text.equals(""))
   {
      document.getElementById(id).innerHTML="输入不能为空";
   }

其次,你确定js 里面有equals 方法,不是 text == ""

再次 往input 里面 赋值 不是document.getElementById(id).value="输入不能为空";


漂泊的夜壶
万分感谢!!!我这个web的初学者- - 不懂那么多啊。。。
0
JavaOlder
JavaOlder
F12 打开开发人员工具,或者最简单的办法。哪里觉得有问题就alter("xxx");
返回顶部
顶部