如何在表单验证中删除validation-bubble-message

Question

＆＃13;

＆＃13;

::-webkit-validation-bubble-message {
	display: none;
}
'

＆＃13;

<form>
<input type="text" name="" required="">
<input class="button" type="submit" name="submit" value="Submit">
</form>

＆＃13;

＆＃13;

＆＃13;

如何在表单验证中删除validation-bubble-message，我已经使用了

::-webkit-validation-bubble-message {
    display: none;
}

但它不起作用。并且请求不使用novalidate属性。

form novalidate="novalidate">
...
form>

需要使用

input  required="required"

如何解决这个问题？

Answer 1

您可以使用Javascript这样做

参考：here

＆＃13;

＆＃13;

document.addEventListener('invalid', (function () {
  return function (e) {
    e.preventDefault();
    document.getElementById("fname").focus();
  };
})(), true);

＆＃13;

<form action="/action_page.php" method="post">
  <input type="text" id="fname" name="fname" required>
  <input type="submit" value="Submit">
</form>

＆＃13;

＆＃13;

＆＃13;