HTML5必需属性,javascript是否已找到但未输入?

时间:2012-02-11 12:56:47

标签: jquery forms html5 validation require

背景信息

我正在尝试升级自定义CMS以支持所需的HTML5验证。当我有相同内容的多种语言时,表单会被放入(EN,ES,DE等)标签中。当用户单击每个选项卡时,他们会编辑该语言的内容。 (见图)

问题

当未填写ES中的必填字段且用户当前已选择EN时,由于当前隐藏了ES,因此不会突出显示任何内容。我可以捕获内置验证的html5并使用jquery来更改选项卡,或者我是否需要坚持以前完全基于jquery的验证(使用required迭代每个输入并检查$(this).val()。length)

example image to show what I mean

1 个答案:

答案 0 :(得分:1)

这是我提出的唯一解决方案:显示所有语言。

$('#btn_submit').bind('click', function() {
    $('#content input:text[required]').parent('.lang_box').show();
});

<强>示例
http://jsfiddle.net/TkrVU/3/