Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否验证没有表单标记的HTML5输入?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 是否验证没有表单标记的HTML5输入?

Javascript 是否验证没有表单标记的HTML5输入?,javascript,jquery,html,Javascript,Jquery,Html,是否可以在没有表单标记的情况下触发浏览器内置的HTML5验证过程?如果我的输入控件在未使用表单标记的情况下无效,我希望显示浏览器错误消息。我知道我可以使用checkValidity功能检查验证,但如何告诉浏览器触发验证过程?我同意,我不确定您是否可以在没有实际表单的情况下使用HTML5表单验证。。我找到了这个链接,它应该对您有所帮助: 您不能触发本机验证UI,但可以轻松利用任意输入元素上的验证API: $('input').blur(function(event) { event.ta

是否可以在没有表单标记的情况下触发浏览器内置的HTML5验证过程?如果我的输入控件在未使用表单标记的情况下无效,我希望显示浏览器错误消息。我知道我可以使用
checkValidity
功能检查验证,但如何告诉浏览器触发验证过程?

我同意,我不确定您是否可以在没有实际表单的情况下使用HTML5表单验证。。我找到了这个链接,它应该对您有所帮助:

您不能触发本机验证UI,但可以轻松利用任意输入元素上的验证API:

$('input').blur(function(event) {
    event.target.checkValidity();
}).bind('invalid', function(event) {
    setTimeout(function() { $(event.target).focus();}, 50);
});
第一个事件在每个输入元素失去焦点时立即激发checkValidity,如果该元素无效,则第二个事件处理程序将激发并捕获相应的事件。这一个将焦点设置回元素,但是这可能非常烦人,我假设您有一个更好的解决方案来通知错误。下面是我上面代码的一个工作示例。 如果这没有帮助,也许你可以发挥创意,创建一个看起来不像表单的表单。隐藏提交按钮等,这样您就可以利用该功能


另外,也许可以提供一个多一点的解释,说明你想要实现什么。我个人发现这有助于人们提供详细的解决方案。我甚至从未考虑过的解决方案。:)希望这有帮助

稍后,但这有助于新闻搜索

你可以用


$(elem)[0].reportValidity()

我怀疑这是可能的。首先,它在HTML5规范中被明确定义为表单验证。其次,由于验证是在表单提交时触发的,因此我不知道在您的情况下应该如何触发。在此处添加相关部分,以防链接页面出现错误;)@星号很抱歉打扰您,我有一个问题,如果您有时间,我希望您能帮助我