提交后必填项

Posted

技术标签:

【中文标题】提交后必填项【英文标题】:Required field after submit else 【发布时间】:2013-09-09 04:05:21 【问题描述】:

我编写了这段代码来检查提交后是否填写了字段。如果没有填写,我的脚本会添加一个红色边框类,并在其下方弹出一个显示:填写该字段。但是我想如果我填写错误类删除并且弹出窗口消失的字段。

$("#frmQ").submit(function()
    if ($(".zipcode").val() == "") 
        event.preventDefault();
        $(".zipcode").addClass('req_error');
        $(".req_pop").fadeIn(200);
    
    else 
        $(".zipcode").removeClass('req_error');
        $(".req_pop").fadeOut(200);
    
)

我的验证有效,但在我填写必填字段后,类和弹出窗口不会消失。

有人可以帮我解决这个问题吗?

【问题讨论】:

因为你在做你的 else 声明提交后存在价值 【参考方案1】:

尝试添加此代码:

$(".zipcode").keydown(function()
$(this).removeClass('req_error');
$(".req_pop").fadeOut(200);
)

【讨论】:

【参考方案2】:

使用

$(".zipcode").removeClass('req_error');

而不是

$(".req_pop").hide();

【讨论】:

以上是关于提交后必填项的主要内容,如果未能解决你的问题,请参考以下文章

表单验证必填项

请教在一个页面上有必填项也有非必填项,测试传真和手机号码,文本框分成区号

多选组合框 - 必填项

jQuery Validator,使任一字段为必填项

vue表单必填项前面添加红色*

lay-verify进行非必填项校验