Javascript 如何使用onSubmit填充空白表单字段

JavaScript新手，请原谅我的无知

我有一个表单，当客户提交表单时，它会检查一个特定字段，如果该字段为空，我需要它用特定代码填充它。你知道我该怎么做吗

<form method="post" action="index.php" name="checkout">

<table width="100%" border="0" cellpadding="5" cellspacing="10">
 <tr>
  <td align="right" class="normaltext" width="40%">
   <b>Catalog Code:</b>
  </td>
  <td align="left">
   <input type="text" name="cat_code" value="{$valid.cat_code}" size="25" class="formtext" />
  </td>
 </tr>
</table>

目录代码：

然后单击“提交”按钮：

<input type="submit" name="submit" value="Continue &gt;" class="addtocart_btn btnstyle1" />

---

我想您可以使用jQuery执行以下操作：

<form id="checkout" name="checkout" method="post" action="index.php">
    <input id="input1" type="text" value="" />
    <input id="input2" type="text" value="" />
    ...
    <input id="inputn" type="text" value="" />
</form>

<script type="text/javascript">
    $("checkout").submit({
        if ($("#input1").val() == "") {
            $("#input1").val() = "Your desired value for input1";
        } 
        // put more if condition to populate the blank fields as needed
    });
<script>

...
$（“签出”）。提交({
if（$（“#input1”）.val（）=“”）{
$（“#input1”）.val（）=“您所需的input1值”；
} 
//放置更多if条件以根据需要填充空白字段
});

在表单中添加一个

onsubmit

处理程序：

<script type="text/javascript">
    window.onload = function()
    {
        document.forms.checkout.onsubmit = checkBlankField;
    }
    function checkBlankField()
    {
        var field = document.forms.checkout.cat_code;
        if (!field.value)
        {
            field.value = "some value";
        }
    }
</script>

window.onload=函数（）
{
document.forms.checkout.onsubmit=checkBlankField；
}
函数checkBlankField（）
{
var字段=document.forms.checkout.cat_代码；
如果（！field.value）
{
field.value=“某些值”；
}
}

你想让我们回答什么？我想他的问题是，当表单提交时，他如何填充空白字段？为什么不只是在服务器端处理？使用Javascript的原因是什么？如上所述，您应该在服务器端执行这些操作。如果您想提醒客户他遗漏了一些字段并阻止提交表单，则上述代码更有意义。