::-webkit-validation-bubble-message {
display: none;
}
'
<form>
<input type="text" name="" required="">
<input class="button" type="submit" name="submit" value="Submit">
</form>
我已经使用过如何删除表单验证中的validation-bubble-message
::-webkit-validation-bubble-message {
display: none;
}
但它没有用。并且请求不使用novalidate属性。
form novalidate="novalidate">
...
form>
并需要使用
input required="required"
怎么解决这个?
您可以使用Javascript这样做
参考:here
document.addEventListener('invalid', (function () {
return function (e) {
e.preventDefault();
document.getElementById("fname").focus();
};
})(), true);
<form action="/action_page.php" method="post">
<input type="text" id="fname" name="fname" required>
<input type="submit" value="Submit">
</form>