在網頁開發中，表單是一個很重要的組件，它能夠讓用戶向網站提交信息或進行操作。而JavaScript也是一個非常重要的語言，它在網頁開發中發揮著重要的作用。通過JavaScript，我們可以方便地對表單進行操作與驗證。

比如，在表單中輸入一個電子郵件地址，我們可以通過JavaScript來驗證該地址是否有效。以下是一段驗證電子郵件的JavaScript代碼：

function validateEmail(email) {
var re = /\S+@\S+\.\S+/;
return re.test(email);
}

以上代碼中，我們使用了正則表達式來驗證電子郵件格式是否正確。接下來，我們可以將該函數與表單事件綁定，實現實時驗證郵箱地址。以下是一段通過addEventListener方法將validateEmail函數與表單綁定的代碼：

document.getElementById("email").addEventListener("input", function() {
var email = this.value;
var valid = validateEmail(email);
if (valid) {
this.style.border = "1px solid green";
} else {
this.style.border = "1px solid red";
}
});

以上代碼中，我們通過getElementById方法獲取到表單中ID為"email"的元素，并給它添加了"input"事件。當用戶在該表單中輸入內容時，該事件會觸發，并實時驗證電子郵件地址是否有效。如果有效，則將該元素的邊框顏色設為綠色；否則，設為紅色。這樣，用戶就能夠清晰地知道他們輸入的電子郵件地址是否有效。

另外，我們還可以使用JavaScript來禁用表單中的提交按鈕，直到用戶輸入符合要求的信息后才允許提交。以下是一段禁用提交按鈕的JavaScript代碼：

function enableSubmitButton() {
var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;
var submitButton = document.getElementById("submitButton");
if (input1 != "" && input2 != "") {
submitButton.disabled = false;
} else {
submitButton.disabled = true;
}
}

以上代碼中，我們定義了一個名為"enableSubmitButton"的函數，它檢查表單中兩個輸入框的內容是否為空。如果兩個輸入框均不為空，則將提交按鈕設置為可用狀態；否則設置為禁用狀態。接下來，我們可以將該函數與表單中的輸入框事件綁定，實現實時禁用提交按鈕的效果。以下是一段代碼，實現將"enableSubmitButton"函數與兩個輸入框綁定的效果：

document.getElementById("input1").addEventListener("input", enableSubmitButton);
document.getElementById("input2").addEventListener("input", enableSubmitButton);

通過以上兩種示例，我們可以看出，JavaScript能夠對表單做很多操作與驗證。使用JavaScript，可以使表單更具有交互性，提高用戶體驗。