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。