<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Register.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript" src="./js/jquery-1.6.2.js"></script>
<script type="text/javascript">
function checkname(){
var username=document.getElementById("name").value;
if(username==null||""==username){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value="用户名不能为空!";
}else{
ajaxRequest();
return;
}
}
function ajaxRequest(){
var username=document.getElementById("name").value;
$.post('check.action','user.username':username,function(back){
document.form2.prompt1.visibility="visible";
document.form2.prompt1.value=back;
});
}
function changeStyle(){
document.form2.prompt1.visibility="hidden";
document.form2.prompt2.visibility="hidden";
document.form2.prompt3.visibility="hidden";
}
function check(){
var pswd1=document.getElementById("password").value;
var pswd2=document.form2.pswd.value;
if(pswd1==null||""==pswd1){
document.form2.prompt2.visibility="visible";
document.form2.prompt2.value="密码不能为空!";
return;
}
if(pswd2==null||""==pswd2){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="密码不能为空!";
return;
}
if(pswd2!=pswd1){
document.form2.prompt3.visibility="visible";
document.form2.prompt3.value="两次密码输入不一致!";
return;
}
var birth=document.form2.year.value+"-"+document.form2.month.value+"-"+document.form2.day.value;
docment.getElementById("birht").value=birth;
document.form2.submit();
}
function changeDisabled(){
if(window.document.form2.chk.checked==true){
window.document.form2.sub.disabled=false;
}else{
window.document.form2.sub.disabled=true;
}
}
function open1(){
window.open("MemberAgreement.html");
}
</script>
  </head>
  
  <body>
   <h1>用户注册</h1>
   <center>
   <form name="form2" method="post" action="reg.action">
   <table>
   <tr>
   <td>
   用户名:<input type="text" name="user.username" id="name" onblur="checkname()" onfocus="changeStyle()"/>
   <input type="text" name="prompt1" style="visibility:hidden;"/>
   </td>
   </tr>
   <tr>
   <td>
   密码:<input type="password" name="user.pswd" id="password" onfocus="changeStyle()"/>
   <input type="text" name="prompt2" style="visibility:hidden;"/>
   </td>
   </tr>
   <tr>
   <td>
   请再次输入密码:
   <input type="password" name="pswd" onfocus="changeStyle()"/>
   <input type="text" name="prompt3" style="visibility:hidden;"/>
   </td>
   </tr>
   <tr>
   <td>性别:<input type="radio" name="user.sex"/>男<input type="radio" name="user.sex"/>女</td>
   </tr>
   <tr>
   <td>年龄:<input type="text" name="user.age"/></td>
   </tr>
   <tr>
   <td>出生年月:
   <select name="year" size="1">
      <option value="" selected>-选择-</option>
     <option value="1">2011</option>
     </select>年 
      <select name="month" size="1">
     <option value="" selected>-选择-</option>
     <option value="1">1月</option>
     </select>月
     <select name="day" size="1">
     <option value="" selected>-选择-</option>
     <option value="1">31</option>
     </select>日
     <input type="hidden" name="user.birth" id="birht"/>
     </td>
   </tr>
   <tr>
   <td><input type="checkbox" name="chk" onclick="changeDisabled()"/>我同意遵守<a href="javascript:open1()">会员协议</a></td>
   </tr>
   <tr>
   <td><input type="button" name="sub" value="注册" disabled="disabled" onclick="check()"/></td>
   <td><input type="reset" name="res" value="重置"/></td>
   </tr>
   </table>
   </form>
   </center>
  </body>
</html>

解决方案 »

  1.   

    IE中打开JSP页面,在用户名栏中输入信息后,没有任何提示,进不了FUNCTION。
      

  2.   

    怎么可能用onclick,应该用onblur啊,我在输入完用户名后用ajax了,但是一点反应都没有。
      

  3.   

    onblur="javascript:alert('11')"这么写的话,alert有效果,但是如果在function checkname(){}中写alert('11');就是什么效果都没有。
      

  4.   

    onblur="checkname()"  先换成 onblur ="alert();" 试一下,看看能不能调出来alert,看看是不是onblur 这个东西ie不支持,支持的话再 onblur = "javascript:checkname();" 在checkname函数中只放一个alert();,测试是不是你的函数有错误的地方,就这样一点一点找。
      

  5.   

    找到错误了, $.post('check.action',{'user.username':username},function(back){
    document.form2.prompt1.visibility="visible";
    document.form2.prompt1.value=back;
    });
    'user.username':username要用{}包起来,我一开始没有写,谢谢大家的帮助。
      

  6.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <title>Register.html</title>  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
      <meta http-equiv="description" content="this is my page">
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        
      <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
      <script type="text/javascript" src="./js/jquery-1.6.2.js"></script>
    <script type="text/javascript">
    function checkname(){
    var username=document.getElementById("name").value;
    if(username==null||""==username){
    document.form2.prompt1.visibility="visible";
    document.form2.prompt1.value="用户名不能为空!";
    }else{
    ajaxRequest();
    return;
    }
    }
    function ajaxRequest(){
    var username=document.getElementById("name").value;
    $.post('check.action','user.username':username,function(back){
    document.form2.prompt1.visibility="visible";
    document.form2.prompt1.value=back;
    });
    }
    function changeStyle(){
    document.form2.prompt1.visibility="hidden";
    document.form2.prompt2.visibility="hidden";
    document.form2.prompt3.visibility="hidden";
    }
    function check(){
    var pswd1=document.getElementById("password").value;
    var pswd2=document.form2.pswd.value;
    if(pswd1==null||""==pswd1){
    document.form2.prompt2.visibility="visible";
    document.form2.prompt2.value="密码不能为空!";
    return;
    }
    if(pswd2==null||""==pswd2){
    document.form2.prompt3.visibility="visible";
    document.form2.prompt3.value="密码不能为空!";
    return;
    }
    if(pswd2!=pswd1){
    document.form2.prompt3.visibility="visible";
    document.form2.prompt3.value="两次密码输入不一致!";
    return;
    }
    var birth=document.form2.year.value+"-"+document.form2.month.value+"-"+document.form2.day.value;
    docment.getElementById("birht").value=birth;
    document.form2.submit();
    }
    function changeDisabled(){
    if(window.document.form2.chk.checked==true){
    window.document.form2.sub.disabled=false;
    }else{
    window.document.form2.sub.disabled=true;
    }
    }
    function open1(){
    window.open("MemberAgreement.html");
    }
    </script>
      </head>
       
      <body>
      <h1>用户注册</h1>
      <center>
      <form name="form2" method="post" action="reg.action">
      <table>
      <tr>
      <td>
      用户名:<input type="text" name="user.username" id="name" onblur="checkname()" onfocus="changeStyle()"/>
      <input type="text" name="prompt1" style="visibility:hidden;"/>
      </td>
      </tr>
      <tr>
      <td>
      密码:<input type="password" name="user.pswd" id="password" onfocus="changeStyle()"/>
      <input type="text" name="prompt2" style="visibility:hidden;"/>
      </td>
      </tr>
      <tr>
      <td>
      请再次输入密码:
      <input type="password" name="pswd" onfocus="changeStyle()"/>
      <input type="text" name="prompt3" style="visibility:hidden;"/>
      </td>
      </tr>
      <tr>
      <td>性别:<input type="radio" name="user.sex"/>男<input type="radio" name="user.sex"/>女</td>
      </tr>
      <tr>
      <td>年龄:<input type="text" name="user.age"/></td>
      </tr>
      <tr>
      <td>出生年月:
      <select name="year" size="1">
      <option value="" selected>-选择-</option>
      <option value="1">2011</option>
      </select>年  
      <select name="month" size="1">
      <option value="" selected>-选择-</option>
      <option value="1">1月</option>
      </select>月
      <select name="day" size="1">
      <option value="" selected>-选择-</option>
      <option value="1">31</option>
      </select>日
      <input type="hidden" name="user.birth" id="birht"/>
      </td>
      </tr>
      <tr>
      <td><input type="checkbox" name="chk" onclick="changeDisabled()"/>我同意遵守<a href="javascript:open1()">会员协议</a></td>
      </tr>
      <tr>
      <td><input type="button" name="sub" value="注册" disabled="disabled" onclick="check()"/></td>
      <td><input type="reset" name="res" value="重置"/></td>
      </tr>
      </table>
      </form>
      </center>
      </body>
    </html>