javascript - 通过程序显示 HTML 5 验证消息

Question

我想手动显示 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对于相同的。不幸的是，上面的代码正在崩溃。我不知道为什么。相反，如果您手动单击假按钮，它就可以正常工作。

请帮我完成这个任务。

Answer 1

问题是您的 Click 函数采用参数“e”，但您正在寻找参数“event”。

$('body').click(function(e){

来电

    $(event.target)

将其更改为“e.target”并且它可以工作:

http://jsfiddle.net/wLCdz/3/

此外，checkValidity 函数是从表单调用的，而不是从表单中的各个项目调用。因此，如果您像这样调用 checkValidity 函数:

document.forms[0].checkValidity()

因此它将停止崩溃。