Question

这与this old, unanswered question非常相似。

我有一个jQuery对话框，其中嵌入了一个表单。我网站上的其余表单都使用了html5浏览器功能，因此我希望弹出窗体中所需表单元素的错误消息相同。如果没有编写我自己的验证来模仿浏览器验证弹出窗口的格式，那么有没有人能想到让Chrome在jQuery对话框中进行验证的方法？

这是代码。 html5 required属性出现在元素上，并且被标记为用户错误，但Chrome无法识别。

var form = dialog.find('form');
if (!$('#formElement')[0].checkValidity()) {
    if (element.prop('type') != 'submit') {
        form.find(':submit').first().trigger('click');
    }
    return;
}
$('#action').trigger('click');

感谢您提供任何帮助！

Answer 1

这是一个提示＆amp;特技。

HTML5验证在所有情况下都不好，可能会失败。

对于包含许多弹出窗口，动态表单等的复杂网站，您不能仅使用HTML5验证，因为您无法控制。

Crome，Mozilla，Safari，Opera，Explorer（Edge），移动浏览器（CM，UC，Dolphin，Rocket，Yandex，Puffin，Brave，Crome ......）工作不同，有时您需要做同样的事情每个浏览器都有其他方式，因为它的规则和支持。其中许多浏览器都在WebKit上，但不能正常工作。

对于您的项目，最好使用一些jQuery库进行验证或单独编写。

从我这边，制作对话框，填写表单，使用jQuery验证该表单，并在特定事件上切换内容，关闭对话框，打开新对话框或您想要的视频。更快更好。

在jQuery弹出对话框中进行Chrome html5表单验证

1 个答案: