Question

通过<input type="submit">提交表单时并且某些带有required属性的输入为空，在缺少的输入框附近会出现一个小框，上面写着“请填写此字段”或类似内容（我在意大利语中使用它，所以我不知道使用的确切措辞用英语）。

我需要使用JavaScript手动触发此工具提示警报，任何想法如何实现？

Answer 1

表单验证由HTML5提供，它与Bootstrap无关，用于禁用浏览器提供的默认表单验证，您必须使用包含输入的表单，例如使用属性{{1将禁用浏览器提供的默认表单验证。如果那时你想使用自定义表单验证功能，你可以在表单上使用onsubmit事件，例如你将有类似的东西：

novalidate

通过在提交表单时执行此操作，您将传递函数submitForm提交的表单，以便此函数能够遍历表单的元素以检查它们。类似的东西：

<form onsubmit='return submitForm(this);' novalidate='novalidate'>
  <input type='text' required>
  <input type='submit'>
</form>

请注意，浏览器使用函数function submitForm(formToValidate){ var formValid=true; var inputs = formToValidate.getElementsByTagName("input"); var errorDescription; for(var i=0; i<inputs.length; i++) { var inputValid=true; switch(inputs[i].type) { case "number": if(inputs[i].hasAttribute("required")&&inputs[i].value=="") { inputValid=false; errorDescription="Required field"; } /*Check other attributes here (max, min, step, etc.)*/ break; /*Check other types of input here*/ } if(!inputValid) { markInputAsNotValid(inputs[i],errorDescription); formValid=false; break; } } return formValid; }返回的值来确定提交是否成功。

有关详细信息：https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

如何手动触发bootstrap“必需”工具提示警报？

1 个答案: