javascript - 提交 HTML 按钮和 onclick 覆盖 HTML5 必填字段

Question

我的代码片段是这样的：

<input type= "text" required="required" /><input type="submit />
            

onclick表单验证仅在输入属性中没有参数时发生。

但是我需要在我的 JS 文件中做进一步的处理。所以我需要 onclick 函数以及其中的required参数。

我正在寻找类似的东西：

<input type="text" required="required" /><input type="submit" onclick=signUp() />
            

但两者onclick并required没有被放在一起。任何帮助表示赞赏。

Answer 1

您可以尝试一些 JS 验证并在验证后触发提交，例如

$(document).click("#id", function (){
  if($("#id").val() == ""){
    return false
  }
})

Answer 2

所以在用户对文本字段进行简单更改后运行函数

<input type= "text" required="required" onChange="signUp()" /><input type="submit />

Answer 3

你可以使用几行javascript，它会起作用。您可以添加：

    document.querySelector('button').onclick = () => {
        if(document.querySelector('input').value == ''){//if the user enters an Empty string,
            console.log('field empty');
        } else {console.log('not empty');}
    }

    <input type="text" />&nbsp; <button>Submit</button>