使用jquery验证但阻止表单提交

| 该表格仍在提交。如果我想使用您的代码并添加一个步骤,那就是如果显示红色文本然后阻止提交表单,我该怎么办?谢谢。 这是我的脚本:
jQuery(function($)
{
    if (!$(\"#edit-name\").val() || !$(\"#edit-email\").val() || !$(\"#edit-comment-body\").val())
    {
        $(\"#edit-submit\").click(function()
        {
            $(\'#edit-name\').after(\'<span style=\"color:red;\">请输入你的名字</span>\');
            $(\'#edit-mail\').after(\'<span style=\"color:red;\">请输入你的邮箱</span>\');
            $(\'#edit-comment-body label span\').append(\'<span style=\"color:red;\">请填写内容</span>\');
        });
    }
});
    
已邀请:
        在.click(function())上给它一个参数e
    $(\"#edit-submit\").click(function(e)
    {
        e.preventDefault();
        $(\'#edit-name\').after(\'<span style=\"color:red;\">请输入你的名字</span>\');
        $(\'#edit-mail\').after(\'<span style=\"color:red;\">请输入你的邮箱</span>\');
        $(\'#edit-comment-body label span\').append(\'<span style=\"color:red;\">请填写内容</span>\');
    });
    
        验证Submit事件中的字段,例如:
$(\'#formID\').submit(function(){
      if ($(\"#edit-name\").val()==\'\' || $(\"#edit-email\").val()==\'\' || $(\"#edit-comment-body\").val()==\'\'){
        $(\'#edit-name\').after(\'<span style=\"color:red;\">è¯·è¾“å…¥ä½ çš„åå­—</span>\');
        $(\'#edit-mail\').after(\'<span style=\"color:red;\">è¯·è¾“å…¥ä½ çš„é‚®ç®±</span>\');
        $(\'#edit-comment-body label span\').append(\'<span style=\"color:red;\">请填写内容</span>\');

        return false; // to stop form submission in any way
}     });     
        通常,您将事件侦听器挂接到表单的Submit事件,然后从那里返回false。
$(\"form#foo\").submit(function(){
    // validate
    return false;
});
    

要回复问题请先登录注册