js-操做表单

1. 咱们得到了一个<input>节点的引用，就能够直接调用value得到对应的用户输入值； 这种方式能够应用于text、password、hidden以及select。可是，对于单选框和复选框，value属性返回的永远是HTML预设的值，而咱们须要得到的实际是用户是否“勾上了”选项，因此应该用checked判断。

2. JavaScript能够以两种方式来处理表单的提交： 方式一：是经过<form>元素的submit()方法提交一个表单； 这种方式的缺点是扰乱了浏览器对form的正常提交。浏览器默认点击<button type="submit">时提交表单，或者用户在最后一个输入框按回车键。

<!-- HTML -->
<form id="test-form">
    <input type="text" name="test">
    <button type="button" onclick="doSubmitForm()">Submit</button>
</form>

<script>
function doSubmitForm() {
    var form = document.getElementById('test-form');
    // 能够在此修改form的input...
    // 提交form:
    form.submit();
}
</script>

第二种方式是响应<form>自己的onsubmit事件，在提交form时做修改：

<!-- HTML -->
<form id="test-form" onsubmit="return checkForm()">
    <input type="text" name="test">
    <button type="submit">Submit</button>
</form>

<script>
function checkForm() {
    var form = document.getElementById('test-form');
    // 能够在此修改form的input...
    // 继续下一步:
    return true;
}
</script>

注意要return true来告诉浏览器继续提交，若是return false，浏览器将不会继续提交form，这种状况一般对应用户输入有误，提示用户错误信息后终止提交form。