使用javascript验证表单不会被触发

我有一个表单可以更改密码，但用JavaScript验证所有表单字段是否正确，但是，我不认为JavaScript甚至会被触发。输入提交会直接导致我的控制器中的空指针异常错误。我错过了什么吗？使用javascript验证表单不会被触发

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Change Password Page</title>  
    <script type="text/javascript"> 
     function validate(){ 

      var username=document.form.j_username.value; 
      var oldPassword=document.form.j_old_password.value; 
      var newPassword=document.form.j_new_password.value; 
      var confirmPassword=document.form.j_confirm_password.value; 

      if(username==""){ 
      alert("Enter Username!"); 
       return false; 
       } 

      if(oldPassword==""){ 
      alert("Enter Old Password!"); 
       return false; 
       } 

      if(newPassword==""){ 
       alert("Enter New Password!"); 
        return false; 
       } 

      if(confirmPassword==""){ 
       alert("Enter Confirm Password!"); 
        return false; 
       } 

      return true; 

     }  
    </script> 
</head> 

<body> 
    <div class="change_password-header"> 
    <h1>Blah Blah</h1> 
    </div> 
    <div class="L" style="float: left; left; padding: 1em; background-color: #8eb4e3; border: 1px solid black;"> 
    <form action="changepassword" method="post" onsubmit="return validate()"> 
     <p><strong style="color: #e3f7ff">Username: </strong> 
      &nbsp;<input type="text" name="j_username" size="25" /> 
     </p> 

     <p><strong style="color: #e3f7ff">Old Password: </strong> 
      &nbsp;<input type="password" size="25" name="j_old_password" /> 
     </p> 

     <p><strong style="color: #e3f7ff">New Password: </strong> 
      &nbsp;<input type="password" size="25" name="j_new_password" /> 
     </p> 

     <p><strong style="color: #e3f7ff">Confirm New Password: </strong> 
      &nbsp;<input type="password" size="25" name="j_confirm_password" /> 
     </p> 

     <div style="text-align: center;"> 
      <input type="submit" value="Submit" class="button-login" style="background-color: #c7d9f1; border: 1px solid black;" /> 
      <input type="reset" value="Reset" class="button-login" style="background-color: #c7d9f1; border: 1px solid black;"/> 
     </div> 
    </form> 
    </div> 

    <div style="float: left; width: 100%; font-size: 12px; padding: 0 0 0 2em" class="change_password-footer"> 
     <div><a href = "login">Return back to login screen</a></div> 
     <br/> 
    </div> 
</body> 
</html>

来源

2013-04-05 naddnan

验证码恶臭的不良做法。 – rlemon 2013-04-05 19:07:46

你只是忘了命名形式：

<form action="changepassword" name="test" method="post" onsubmit="return validate()">

和JS参考这样的：

var username=document.forms.test.j_username.value;

http://jsfiddle.net/gq79y/

来源

2013-04-05 19:11:17 dfsq

命名表单对他的情况没有帮助。反正只有一个表单，所以代码应该很好。 – auicsc 2013-04-05 19:14:23

使用javascript验证表单不会被触发

回答

相关问题