javascript - 如果其他是，则将表单字段的值设为空白

Question

我环顾四周，找不到这样的东西。我有一个包含日期的字段。旁边是一个保存小时数的。

我需要 javascript 在单击时评估日期字段，如果它是空白的，则自动将文本框的值自动清空到它紧邻的左侧。

我的表单的部分代码如下所示:

  <td>Day One:</td>
    <td width="250"> <input type=date name="dayone" onClick="document.getElementsByName('hours1')[0].value=8;" /></td>
    <td>Hours: (max 8) <input type="text" name="hours1" id="hours1" class="smalltext" ></td>

默认情况下，onclick 只是使用“8”填充文本字段。所以我几乎需要一些东西来撤消如果有人改变主意并从其他表单字段中清除日期。

感谢您的帮助!

Answer 1

您最好保持 HTML 干净并使用 eventListener-s - DEMO

HTML

<td width="250">
    <input type=date name="dayone" />
</td>
<td>
    Hours: (max 8)
    <input type="text" name="hours1" id="hours1" class="smalltext" />
</td>

JS

document.getElementsByName('dayone')[0].addEventListener("click", function() {
    document.getElementsByName('hours1')[0].value = 8;
}, false);

document.getElementsByName('hours1')[0].addEventListener("keyup", function() {
    if ( this.value == '' ) {
        document.getElementsByName('dayone')[0].value = '';
    }
}, false);