javascript - 如果输入字段没有值，请使用 JavaScript 添加新值

Question

我正在尝试使用 JavaScript 为我的表单进行一些验证。我想要实现的目标是，如果一个输入字段留空，则在点击提交时会自动将一个值添加到该字段。

我首先会说我尝试使用这个问题的答案:If input value is blank, assign a value of “empty” with Javascript.

然而，这并没有奏效。

然后我尝试在外部 .JS 文件中使用以下内容:

validateForm();
function validateForm() {
    "use strict";
//POSITION VALIDATION
    var numberOf = document.forms.themainform.numberOf.value;
    if (numberOf === "") {
        numberOf.value = "-5";
    }
}

我还尝试使用其他问题答案的变体:

var numberOf = document.forms.themainform.getElementById('numberOf');

if(numberOf.value.length === 0) {
    numberOf.value = "-5";
}

但和以前一样，运气不佳。下面是我的 HTML 表单的代码:

<script>validateForm();</script>
<form action="" method="post" name="themainform" onsubmit="return validateForm()">
<table>
<tr><td>Number Of</td>
<td><input type="text" name="numberOf" id="numberOf" size="5" maxlength="5"/></td>
</tr>
</table>
<input type="submit" name="themainform" value="submit"/>
<hr/>
</form>

任何帮助将不胜感激!

Answer 1

您应该在表单呈现后调用 validateForm()，以便 html 文件应如下所示

<form action="" method="post" name="themainform" onsubmit="return validateForm()">
    <table>
        <tr><td>Number Of</td>
        <tr><td><input type="text" name="numberOf" id="numberOf" size="5" maxlength="5"/></td>
        </tr>
    </table>
    <input type="submit" name="themainform" value="submit"/>
    <table/>
</form>
<script>validateForm();</script>

在你的js文件中，你不能设置numberOf.value = "-5";，因为numberOf只是一个字符串，它应该是dom元素。

function validateForm() {
    "use strict";
//POSITION VALIDATION
    var numberOf = document.forms.themainform.numberOf;
    if (numberOf.value === "") {
        numberOf.value = "-5";
    }
}