js获取表单数据总结

html示例代码：

<form action="#" method="post">
<table>
    <tr>
        <th colspan="2">密码修改</th>
    </tr>
    <tr>
        <td>用户名：</td>
        <td><input type="text" name="username" id="username"></td>
    </tr>
    <tr>
        <td>原密码：</td>
        <td><input type="password" name="pwd" id="pwd"></td>
    </tr>
    <tr>
        <td>新密码：</td>
        <td><input type="password" name="newpwd" id="newpwd"></td>
    </tr>
    <tr>
        <td> </td>
        <td><input type="submit" value="修改" onclick="return check(form)">&nbsp;&nbsp;&nbsp;<input type="reset" value="取消"></td>
    </tr>
</table>
</form>

**

js代码：

**

方法一：

<script type="text/javascript">
    function check(form){
        var jump=true;
        for (var i = 0; i < form.length; ++i) {
            var value = form[i].value;
            if (value.length == 0) {  
                jump=false;
                alert("不能为空");
            } else {
                alert(value);
            }
        }  
        return jump;
    }
</script>

方法二：

  <script type="text/javascript">
    function check(form){
        var username=document.getElementById("username").value;
        var pwd=document.getElementById("pwd").value;
        var newpwd=document.getElementById("newpwd").value;
        alert(username + "  " + pwd + "  " + newpwd);
    }
 </script>