Jquery 是否有一种方法可以模拟“的消息”；“所需要素”；在提交表格之前？

我在表单中的输入元素上使用html5的required属性。通常，当您使用它们并提交表单时，会收到一条消息，指出哪些元素无效

我在一个特殊的情况下，需要我测试输入字段的状态，然后再发布。（如果它们都正常，那么其他人的代码（Wordpress中的另一个插件）将通过模拟单击另一个提交元素来触发。）

下面是一段相关jQuery代码：

var t = $(this);
found_required = false;
 $("input").each(function() {
 if ( $(this).hasClass('required') ) {
    if ($(this).is(":invalid")) {
        t.removeClass('swishmode');                    
        //Tell user this element is required
        found_required = true;
    }
}
});        

if ( found_required == true ) {
    $('form.give-form').attr('action','Javascript:void();'); //Just an attempt
    $(this).click(); //Just an attempt
    return; //Returns user back to form without doing different things below 
}   

//Code to do different things...

我的问题是-有没有一种方法可以像提交包含无效数据的表单时那样显示默认错误？（或者您必须为此编写自定义错误处理程序）

---

实际代码的工作方式与我现在看到的一样，但是用户没有得到任何关于哪些字段不正确的指示。我知道我可以把这些输入元素的一些样式放进去，如果上面不可能，我会这样做。

处理表单验证的方法有很多种

但是，我认为您需要在

输入

、

更改

、或

模糊

事件上添加某种事件侦听器，以验证输入并在无效时显示消息。有关使用的非常有用的示例，请参见

它们还链接到一个

下面是一个关于

input

事件的示例：

var email=document.getElementById（'mail'）；
var error=document.querySelector（'.error'）；
email.addEventListener（“输入”，函数（事件）{
//每次用户键入内容时，我们都会检查
//电子邮件字段有效。
if（email.checkValidity（））{
//如果显示错误消息，如果字段
//如果有效，我们将删除错误消息。
error.innerHTML=“；//重置邮件内容
error.className=“error”；//重置消息的可视状态
}否则{
error.innerHTML=“请输入有效的电子邮件。”；
error.className=“error active”；
}
}，假）
输入[类型=电子邮件]{
-webkit外观：无；
宽度：100%；
边框：1px实心#333；
保证金：0；
字体家族：继承；
字体大小：90%；
-moz框大小：边框框；
框大小：边框框；
}
/*这是我们针对无效字段的样式*/
输入：无效{
边框颜色：#900；
背景色：#FDD；
}
输入：焦点：无效{
大纲：无；
}
/*这是错误消息的样式*/
.错误{
宽度：100%；
填充：0；
字号：80%；
颜色：白色；
背景色：#900；
边界半径：0 0 5px 5px；
-moz框大小：边框框；
框大小：边框框；
}
.error.active{
填充：0.3em；
}
输入电子邮件地址：