我想手动显示 html 5 验证消息(即通过代码)。据我了解,没有直接的方法来调用这个消息。但是,我们可以通过单击提交按钮来获取它。
当您点击 html 正文时,我尝试带上验证消息(如果该字段无效):
// if url is invalid, display the error message.
if(!$('#theurl')[0].checkValidity()){
console.log('Button Click');
$('#btn').click();
}
Here is the jsfiddle对于相同的。不幸的是,上面的代码正在崩溃。我不知道为什么。相反,如果您手动单击假按钮,它就可以正常工作。
请帮我完成这个任务。
最佳答案
问题是您的 Click 函数采用参数“e”,但您正在寻找参数“event”。
$('body').click(function(e){
来电
$(event.target)
将其更改为“e.target”并且它可以工作:
此外,checkValidity
函数是从表单调用的,而不是从表单中的各个项目调用。因此,如果您像这样调用 checkValidity 函数:
document.forms[0].checkValidity()
因此它将停止崩溃。
关于javascript - 通过程序显示 HTML 5 验证消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18402687/