使用JS获取表单元素里面的内容

        今天制作一个注册页面，需要验证两次密码是否输入一致，也就是确认密码，在第二次输入密码的时候需要进行两次密码的

比较，进而确定两次密码输入是否一致。确认密码时需要用到上面输入的密码，这个问题让我想了很久（其实相当简单），

              <tr>
                <td align="right">密码</td>
                <td><input type="password" name="password" οnblur="checkPassword(this)"/><span id="passwordMsg" class="error"></span></td>
              </tr>
              <tr>
                <td align="right">确认密码</td>
                <td><input type="password" id="repass" οnblur="checkRepass(this)"/><span id="repassMsg" class="error"></span></td>
              </tr>

         这个问题其实相当简单，就是使用getElementById或者getElementsByName();这两格函数就可以了，下面是js代码：

<script type="text/javascript">
    function checkRepass(repass){
    	var repass_ok=true;
        $("repassMsg").innerHTML="";
        //获取密码的值
        var password=document.getElementsByName("password")[0].value;
        //var password=document.getElementById("password").value;
       alert(password);
        if(password != $("repass").value){
        	//alert(repass.parentNode.password.value);
        	$("repassMsg").innerHTML="两次密码输入不一致！";
        	repass_ok=false;
        }
        return repass_ok;
    }
</script>

这样就搞定了，js原生代码，只怪自己js部分自己太不重视了，以为js代码就是非常简单的，甚至不用去学。自己完全有必要去补一补这方面的短板了。