javascript - 仅在输入输入时运行 onclick 事件

Question

我想创建一个提交按钮，一旦点击该按钮，它将运行我创建的函数:disable() 但我想创建它以便仅在上面的输入有文本时运行 onclick 事件。

    <form id="name">
        <p7>Please enter a name for your plan: </p7> <input required>
        <input type="submit" onclick="disable()">
    </form>

因此，如果用户在标签后键入所需的输入，并单击提交，它将运行禁用) 但是，如果用户只是单击提交而没有在所需的输入中键入任何内容，则 disable() 不会运行

提前致谢

Answer 1

您可以在 disable 函数的开头验证输入值，如下所示:

function disable() {
    var myInput = document.getElementById("myInput");
    if (!myInput.value.length) {
        alert('empty');
        return;
    }

    alert('fine');
}

<form id="name">
    <p7>Please enter a name for your plan: </p7>
    <input required id="myInput">
    <input type="submit" onclick="disable()">
</form>