Javascript 是否有任何方法可以删除HTML中的自定义验证并添加警报？

我正在尝试删除HTML中带有“required”属性的自定义验证。我确实需要验证，但我想为输入引入“警报”

搜索单词
频率
1.
2.
3.
搜寻

您可以使用HTML上的类来监听JavaScript上的事件：

document.getElementById('search').onclick = function changeContent() {

  var requireds = document.getElementsByClassName('required');
  var error = 0;

  for (var i = 0, len = requireds.length; i < len; i++) {
    if (requireds[i].value == "") {
      var error = error + 1;
    }
  }

  if (error > 0){
    if (error == 1) {
      alert("There is a required field to inform");
    } else  {
      alert("There are requireds fields to inform");
    }
  } else {

    // ....

  }
}

HTML:

搜索单词
频率
1.
2.
3.
搜寻

JavaScript:

document.getElementById('search').onclick = function changeContent() {

  var requireds = document.getElementsByClassName('required');
  var error = 0;

  for (var i = 0, len = requireds.length; i < len; i++) {
    if (requireds[i].value == "") {
      var error = error + 1;
    }
  }

  if (error > 0){
    if (error == 1) {
      alert("There is a required field to inform");
    } else  {
      alert("There are requireds fields to inform");
    }
  } else {

    // ....

  }
}

document.getElementById（'search'）。onclick=函数changeContent（）{
var requireds=document.getElementsByClassName（'required'）；
var误差=0；
对于（变量i=0，len=requireds.length；i0）{
如果（错误==1）{
警报（“有一个需要通知的必填字段”）；
}否则{
警报（“有需要通知的字段”）；
}
}否则{
// ....
}
}

编辑

为了保持HTML验证并引入警报消息，您可以在HTML中使用：

<form>
  <div>
    <span>Search_word</span>
    <input type="text" required oninvalid="this.setCustomValidity('Enter the search word here'); alert('You have to enter a search word');"
  oninput="this.setCustomValidity('')">
  </div>

<div>
  <span>Frequency</span>
  <select class="required" required oninvalid="this.setCustomValidity('Select a frequency'); alert('You have to select a frequency');"
  oninput="this.setCustomValidity('')">
    <option disabled selected value></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</div>
<div>
  <button id="search">Search</button>
</div>
</form>

搜索单词
频率
1.
2.
3.
搜寻

您可以尝试在HTML文件的脚本标记中添加javascript代码以添加警报。我正在使用innerHTML在javascript中创建表单。它会工作吗？请回答你的问题，以显示你的代码实际上是什么样子的。请注意，

是无效的HTML；

input

元素为空，因此不带结束标记。此答案删除了现有的必需验证，但问题试图保留它们。是的。我想删除特定于HTML浏览器的自定义验证，但想保留自己的验证（以警报的形式）。对不起，@sania。我将编辑答案。嘿@johnatharelv，因为你的初始代码起作用了！！有一段时间我很困惑，但它的工作原理和我预期的一样！非常感谢你。应该尝试用javascript处理它。非常感谢。我需要删除自定义验证。这真的很有趣，它是如何在没有“诺瓦利达”的情况下处理的。