在開發Web應用時，對于表單驗證和用戶輸入校驗的需求都是十分常見的。而在JavaScript中，我們可以利用文本框注入的技巧來實現這些功能。
所謂文本框注入，就是指在js腳本中通過操作文本框對象來進行數據的傳遞和校驗。以下是一個簡單的例子：
<html>
<head>
<title>JavaScript文本框注入示例</title>
</head>
<body>
<script type="text/javascript">
function checkInput(){
var username = document.getElementsByName("username")[0].value;
var password = document.getElementsByName("password")[0].value;
if(username == ""){
alert("請輸入用戶名！");
return false;
}
if(password == ""){
alert("請輸入密碼！");
return false;
}
return true;
}
</script>
<form method="post" action="" onsubmit="return checkInput()">
<p>用戶名：<input type="text" name="username" /></p>
<p>密碼：<input type="password" name="password" /></p>
<p><input type="submit" value="登錄" /></p>
</form>
</body>
</html><html>
<head>
<title>JavaScript文本框注入示例：表單提交動態傳遞參數</title>
</head>
<body>
<form method="post" action="submit.php" onsubmit="return submitForm()">
<p>學號：<input type="text" name="id" /></p>
<p>姓名：<input type="text" name="name" /></p>
<p>年齡：<input type="text" name="age" /></p>
<p><input type="submit" value="提交" /></p>
</form>
<script type="text/javascript">
function submitForm(){
var id = document.getElementsByName("id")[0].value;
var name = document.getElementsByName("name")[0].value;
var age = document.getElementsByName("age")[0].value;
document.forms[0].action = "submit.php?id=" + id + "&name=" + name + "&age=" + age;
return true;
}
</script>
</body>
</html>