表单验证问题 急

Question

<script type='text/javascript' src='/HouseSystem/dwr/engine.js'></script>
<script type='text/javascript' src='/HouseSystem/dwr/util.js'></script>
        <script type="text/javascript" src="/HouseSystem/js/reg-check.js"></script>
        
<script type="text/javascript">
         function validate()
     {
     var username = document.getElementById("username").value;
         UserBizImpl.existUser(username,show) ; 
    
     }
     function show(isExist)
     {
    
     if(isExist)
     {
         $("error").className="error-info-failure";
         $("error").innerHTML="该用户名已被注册!";
     document.getElementById("username").value="";
     document.getElementById("username").focus();
    
    
     }
     else 
     {    
          checkUser($("username"));
                
     }
     }
        
        function checkForm(){
          if(validate() && checkpwd(password) && checkrepwd(password,repass)){
             return true;
          }else{
             return false;
          }
        
        }  这是验证的内容<form action="/HouseSystem/login.do?operate=Register"
method="post" name="myForm" onsubmit="return checkForm()" >
<table align="center" cellpadding="0" cellspacing="2">
<tr>
<td width="83" class="regster">
<img src="images/pic1.jpg" width="66" height="45" />
</td>
</tr>
<tr>
<td class="regster">
<img src="images/register-arrow.gif" />
UserName:
</td>
<td>
<input type="text" id="username" name="user.uname"
class="regtext" onmouseover="this.className='regover'"
onmouseout="this.className='regout'" onblur="validate()" />
<div id="error" style="display: inline;"></div>
</td>
<tr>
<td class="regster">
<img src="images/register-arrow.gif" />
PassWord:
</td>
<td>
<input type="password" id="password" name="user.upass"
class="regtext" onmouseover="this.className='regover'"
onmouseout="this.className='regout'" onblur="checkpwd(password)"/>
<div id="errorpass" style="display: inline;"></div>
</td>
<tr>
<td class="regster">
<img src="images/register-arrow.gif" />
RePassWord:
</td>
<td>
    <input type="hidden" name="operate" value="Register" />
<input type="password" id="repass" name="upass" class="regtext"
onmouseover="this.className='regover'"
onmouseout="this.className='regout'" onblur="checkrepwd(password,repass)"/>
<div id="errorupass" style="display:inline;"></div>
</td>
<tr>
<td height="30" colspan="2" align="right">
<input type="submit" id="submit" value="Reg" class="button"  />
&nbsp;
<input type="reset" value="Reset" class="button" />
按照常规   onsubmit="return checkForm();"应该是提交到action中判断并且返回是否成功，，但是我点提交的时候  页面没反应  

Answer 1

你确定你的checkForm里的其它函数都没有错

Answer 2

如果有错的话文本框提示的错误信息就会错或者是不出现，我每种情况都试了，最后截了个图上来。 <!--用户名验证开姄1�7--> function checkUser ( pUserName ) {
var oContainer = $("error");
var reg = /^[A-Za-z0-9]+$/;
    oContainer.className="error-info-failure";
if ( pUserName.value == "" ) {
oContainer.innerHTML = "请输入用户名"
return false;
 }

if (pUserName.value.length> 16 || pUserName.value.length< 4 ) {
oContainer.innerHTML = "用户名只能占4-16个字符！"
return false;
}
if ( !reg.test(pUserName.value) ) {
oContainer.innerHTML = "名字中只能用数字、字母，请重新填写！";
return false;
}
    oContainer.className="error-info-succ";
oContainer.innerHTML = "你填写的用户名是有效的！";
return true;
}
  <!--用户名验证结杄1�7-->
  
  <!--密码验证结束-->
  function  checkpwd(pass){
        var pwd = $("errorpass"); 
var pattern = /^[A-Za-z0-9_!@#$%^&*()]+$/;
pwd.className="error-info-failure";
if(pass.value==""){
pwd.innerHTML="密码不能为空";
return false;
}
        if(pass.value.length<6){
pwd.innerHTML="密码不能少于6个字符";
return false;
}
if(!pattern.test(pass.value)){
pwd.innerHTML = "密码只能是数字,字母,特殊字符！";
return false;
}
pwd.className="error-info-succ";
pwd.innerHTML = "您设置的密码符合要求！";
return true;
  }  function  checkrepwd(pass,repass){
        var repwd = $("errorupass");
        repwd.className="error-info-failure";
if(repass.value==""){
repwd.innerHTML="确认密码不能为空";
return false;
}
        if(pass.value != repass.value){
repwd.innerHTML="两次输入的密码不一样，请重新输入！";
return false;
}
repwd.className="error-info-succ";
repwd.innerHTML="两次输入的密码一致！";
return true;

  }

Answer 3

最简单的调试办法是在调用的方法里面加处try{你的函数内容}catch(e){alert(e.message);}

Answer 4

调试一下js  看看是不是进入了要调用的js函数，这是最重要的 ，一步一步的跟啊，看看是哪一步出错了

Answer 5

下个jquery的验证插件，表单验证全部搞定

Answer 6

password,repass  这两个对象什么时候得到的

Answer 7

主要是不提交  alert（）；能出来   后台也有查询语句  就是不提交

Answer 8

 function checkForm(){
          if(validate() && checkpwd(password) && checkrepwd(password,repass)){
             return true;
          }else{
             return false;
          }
        
        }
关键是这样写对吗？？？？？？？？啊