如何删除表单验证中的验证气泡消息 [英] How to remove validation-bubble-message in form validation

问题描述

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

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

我已使用

如何删除表单验证中的validate-bubble-message

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

但是它不起作用.并请求不使用novalidate属性.

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

并且需要使用

input  required="required"

如何解决这个问题?

解决方案

您可以像这样使用Javascript

参考:此处

 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> 

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

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

How to remove validation-bubble-message in form validation, I have used

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

But it is not working. And request to without using novalidate attribute.

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

and need to used

input  required="required"

How to solve this?

解决方案

You can do it with Javascript like so

Reference: 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>

这篇关于如何删除表单验证中的验证气泡消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！