如何在phalcon中的每个必填字段前放置红色星号
How to put red asterisk in front of each required field in phalcon
有谁知道如何在表格的必填字段前加上星号 (*)。
我的表单中有很多字段,我想在必填字段前加一个红色星号。
你可以添加一个css class:
label.required::after {
content: "*";
color: #FF0000;
}
phalcon 没有特权,只有它 数据库字段如果定义为 Not NULL
.
将具有强制性
但是如果你想显示 * 或星号那么你只需要添加 CSS 或简单地添加 * 到标签字段。
但是您可以将表单控制器中的参数指定为 'isRequired'
,然后检查伏特文件,如果元素确实具有此值,则显示 * 标记,否则不显示。
如下:
{{ element.getAttribute('isRequired') ? '<span class="required"></span>' : '' }}
并在 css 文件中定义如下类:
.required {
content: "*";
color: #FF0000;
}
希望您能得到答案。它对我有用。
您可以通过向表单元素添加自定义属性并在您的视图中检查其值来实现。在下面的示例中,我在每个应该需要的元素中将一个名为 "isRequired" 的属性设置为 true
$name = new Text('name',['placeholder' => 'Your Name', 'isRequired' => true]);
$name->setFilters(['striptags', 'trim']);
$name->setLabel("Name");
$this->add($name);
然后在视图中检查它的值是否为真,以便我可以设置 * 字符。
下面的示例使用动态表单呈现,但如果您静态地写下所有表单元素,它的工作原理是一样的。
{%for element in form.getElements()%}
<div class="col-md-4">
<div class="form-group form-md-line-input">
{{form.render(element.GetName())}}
<label for="{{element.GetName()}}">
{{element.GetLabel()}}
{{ element.getAttribute('isRequired') ? '<span class="required">*</span>' : '' }}
</label>
</div>
</div>
{%endfor%}
有谁知道如何在表格的必填字段前加上星号 (*)。
我的表单中有很多字段,我想在必填字段前加一个红色星号。
你可以添加一个css class:
label.required::after {
content: "*";
color: #FF0000;
}
phalcon 没有特权,只有它 数据库字段如果定义为 Not NULL
.
但是如果你想显示 * 或星号那么你只需要添加 CSS 或简单地添加 * 到标签字段。
但是您可以将表单控制器中的参数指定为 'isRequired'
,然后检查伏特文件,如果元素确实具有此值,则显示 * 标记,否则不显示。
如下:
{{ element.getAttribute('isRequired') ? '<span class="required"></span>' : '' }}
并在 css 文件中定义如下类:
.required {
content: "*";
color: #FF0000;
}
希望您能得到答案。它对我有用。
您可以通过向表单元素添加自定义属性并在您的视图中检查其值来实现。在下面的示例中,我在每个应该需要的元素中将一个名为 "isRequired" 的属性设置为 true
$name = new Text('name',['placeholder' => 'Your Name', 'isRequired' => true]);
$name->setFilters(['striptags', 'trim']);
$name->setLabel("Name");
$this->add($name);
然后在视图中检查它的值是否为真,以便我可以设置 * 字符。 下面的示例使用动态表单呈现,但如果您静态地写下所有表单元素,它的工作原理是一样的。
{%for element in form.getElements()%}
<div class="col-md-4">
<div class="form-group form-md-line-input">
{{form.render(element.GetName())}}
<label for="{{element.GetName()}}">
{{element.GetLabel()}}
{{ element.getAttribute('isRequired') ? '<span class="required">*</span>' : '' }}
</label>
</div>
</div>
{%endfor%}