2012-02-11 57 views
0

背景信息需要HTML5属性,javascript需要找到但未输入?

我想升级自定义CMS以支持HTML5验证,如所需。当我为同一内容使用多种语言时,表单会被放入类似(EN,ES,DE等)的标签中。当用户点击每个标签时,他们编辑该语言的内容。 (见图像)

问题

当ES必填字段不填充在与该用户当前已选择的EN,没有被突出显示,因为ES当前隐藏。我可以捕获构建在验证中的html5,并使用jquery来更改选项卡,还是需要使用完全基于jquery的验证(通过遍历每个必需的输入并检查$(this).val()。length)

example image to show what I mean

回答

1

这是我想出了唯一的解决办法:显示所有的语言。

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

样品
http://jsfiddle.net/TkrVU/3/

+0

如果你需要为这个样本代码,请您提供一些代码。 – Smamatti 2012-02-11 13:18:38

+0

问题在于,翻译时他们经常在每种语言之间来回切换。这就是为什么我更喜欢将它保存在一个表单中,所以每次切换语言时都不需要保存它。感谢您的贡献! – scott 2012-02-11 13:36:00

+0

我现在明白了这个问题。我提供了一个示例代码来进行实验。不幸的是,除了通过脚本手动检查或者在提交时切换所有可用的语言之外,我无法想到一个解决方案。 - http://jsfiddle.net/TkrVU/2/ – Smamatti 2012-02-12 12:36:47