隨著Web技術的不斷進步，JavaScript已成為現代Web開發中不可或缺的一部分。在Web開發中，表單是用戶與服務器進行交流的主要手段，因此表單輸入驗證是非常重要的。JavaScript作為一種客戶端腳本語言，具有對表單進行輸入驗證的強大能力。下面將介紹使用JavaScript進行表單輸入驗證的方法。

首先，在表單中定義一個輸入框。

<form>
<input type="text" name="username">
</form>

在這里，我們將輸入框的類型定義為文本類型（type="text"），而輸入框的名稱為username。接下來，我們將使用JavaScript編寫輸入驗證腳本。

JavaScript可以使用表單的submit事件，當表單提交時，執行特定的函數進行輸入驗證。下面是一個使用JavaScript實現的輸入驗證函數。

<script>
function validateForm() {
var username = document.forms["myForm"]["username"].value;
if (username == "") {
alert("請輸入用戶名");
return false;
}
}
</script>
<form name="myForm" onsubmit="return validateForm()">
<input type="text" name="username">
<input type="submit" value="提交">
</form>

在這里，我們定義了一個名為validateForm的函數，該函數在表單提交時被調用。在該函數中，我們使用JavaScript獲取了輸入框的值，并將其與空字符串進行比較。如果輸入框的值為空，則彈出一個警告框并返回false阻止表單提交。

除了輸入框為空的情況，還有其他需要進行輸入驗證的情況。下面是一些常見的輸入驗證方法。

1、驗證數字和字母

function validateNumberAndLetter(inputText) {
var regExp = /^[0-9a-zA-Z]+$/;
return regExp.test(inputText);
}

在這里，我們使用一個正則表達式來驗證輸入的字符串是否僅由數字和字母組成。如果輸入的字符串僅包含數字和字母，則該函數將返回true，否則返回false。

2、驗證電子郵件地址

function validateEmail(inputText) {
var regExp = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
return regExp.test(inputText);
}

在這里，我們使用正則表達式來驗證輸入的字符串是否為有效的電子郵件地址。如果輸入的字符串是有效的電子郵件地址，則該函數將返回true，否則返回false。

3、驗證手機號碼

function validateMobile(inputText) {
var regExp = /^1\d{10}$/;
return regExp.test(inputText);
}

在這里，我們使用正則表達式來驗證輸入的字符串是否為有效的手機號碼。如果輸入的字符串是有效的手機號碼，則該函數將返回true，否則返回false。

除了上述方法，您還可以使用JavaScript的字符串函數（例如indexOf和match）對輸入進行驗證。無論使用哪種方法，輸入驗證都是非常重要的，可以確保表單數據的準確性和完整性，從而提高Web應用程序的質量。