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

Question

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

我将开始说我尝试使用此问题的答案尝试：如果输入值为空白，则用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()

<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 ELMENT。

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

Answer 2

感谢大家的帮助。但是我设法弄清楚了:)但是，我还测试了安东尼的方法，并且也奏效了，因此接受了他的答案。

我使用了：

if(document.forms.themainform.numberOf.value === "") {
    document.forms.themainform.numberOf.value = "-5";
}

这意味着，如果有人将此输入字段留为空，则在提交时将-5作为输入。