基于标注分类验证字段


Validating fields based on label class

我正在设置动态表单字段,管理员可以自己向表单添加问题,让我们不必担心添加任何内容。

这些都是相当简单的问题,将仅在 ajax 验证脚本中进行验证,并修改为当前错误消息。(不需要 php 验证,我很想添加这个,但我只是无法让验证适用于动态添加的字段)

遇到的问题是针对我为每个应用了所需类的字段在标签中放置的自定义类。在本例中,它是"必需标签"。

我的猜测只是全面看看标签是..

 'afterValidate'=>"js:function(form, data, hasError) {
    if(document.forms['user-form'].required-label.value == '') {
                    $('<li>Field cannot be blank</li>').appendTo('#user-form_es_');
                     $('.required-label').css( 'border-color', '#a94442 ' );
                    $('label[for=requiredField]').css('color','#a94442 ');
                }
                else {
                       $('.required-label').css( 'border-color', '#3c763d ' ) ;
                       $('label[for=.required-label]').css('color','#3c763d ');
                        return true;
                 }
}

但问题是,该值位于标签旁边,而不是在标签之下。它们都嵌套在一个窗体组类中。

任何想法如何定位这个标签类,或者有更好的方法来解决这个问题?

应该注意,显而易见的事情是将 required 添加到输入元素中。问题是单选按钮和下拉列表也可以标记为必需。

您可以只将 required 添加到输入元素中吗?

<input type="text" name="firstname" value="John" required>