RangeType 欄位
RangeType
欄位是一個滑桿,使用 HTML5 <input type="range">
標籤呈現。
提示
此表單類型定義和繼承的完整選項列表可透過在您的應用程式中執行此命令取得
1 2
# replace 'FooType' by the class name of your form type
$ php bin/console debug:form FooType
基本用法
1 2 3 4 5 6 7 8 9
use Symfony\Component\Form\Extension\Core\Type\RangeType;
// ...
$builder->add('name', RangeType::class, [
'attr' => [
'min' => 5,
'max' => 50
],
]);
覆寫的選項
invalid_message
type: string
default: This value is not valid
如果輸入到此欄位的資料沒有意義 (即驗證失敗),則會使用此驗證錯誤訊息。
例如,如果使用者在 TimeType 欄位中輸入無法轉換為真實時間的無意義字串,或者如果使用者在數字欄位中輸入字串 (例如 apple
),則可能會發生這種情況。
正常的 (業務邏輯) 驗證 (例如設定欄位的最小長度) 應使用驗證規則的驗證訊息設定 (參考)。
繼承的選項
這些選項繼承自 FormType
attr
type: array
default: []
如果您想將額外的屬性新增至 HTML 欄位表示法,您可以使用 attr
選項。它是一個關聯陣列,以 HTML 屬性作為鍵。當您需要為某些小工具設定自訂類別時,這會很有用
1 2 3
$builder->add('body', TextareaType::class, [
'attr' => ['class' => 'tinymce'],
]);
另請參閱
如果您想將這些屬性新增至表單類型列元素,請使用 row_attr
選項。
data
type: mixed
default: 預設為基礎結構的欄位。
當您建立表單時,每個欄位最初都會顯示表單網域資料的對應屬性的值 (例如,如果您將物件繫結到表單)。如果您想覆寫表單或個別欄位的此初始值,您可以在 data 選項中設定它
1 2 3 4 5 6
use Symfony\Component\Form\Extension\Core\Type\HiddenType;
// ...
$builder->add('token', HiddenType::class, [
'data' => 'abcdef',
]);
警告
data
選項在呈現時總是覆寫從網域資料 (物件) 取得的值。這表示當表單編輯已持久化的物件時,物件值也會被覆寫,導致物件在表單提交時遺失其持久化的值。
empty_data
type: mixed
預設值為 ''
(空字串)。
此選項決定當提交的值為空 (或遺失) 時,欄位將傳回的值。如果視圖中呈現表單時未提供初始值,則它不會設定初始值。
這表示它可以協助您處理具有空白欄位的表單提交。例如,如果您希望在未選取任何值時,將 name
欄位明確設定為 John Doe
,您可以這樣做
1 2 3 4
$builder->add('name', null, [
'required' => false,
'empty_data' => 'John Doe',
]);
這仍會呈現一個空白文字方塊,但在提交時,將會設定 John Doe
值。使用 data
或 placeholder
選項在呈現的表單中顯示此初始值。
注意
如果表單是複合表單,您可以將 empty_data
設定為陣列、物件或閉包。可以為您的整個表單類別設定此選項,請參閱 如何為表單類別設定空資料 文章,以取得有關這些選項的更多詳細資訊。
警告
表單資料轉換器 仍將套用至 empty_data
值。這表示空字串將轉換為 null
。如果您明確想要傳回空字串,請使用自訂資料轉換器。
error_bubbling
type: boolean
default: false
,除非表單是 compound
如果 true
,則此欄位的任何錯誤都將傳遞至父欄位或表單。例如,如果在一般欄位上設定為 true
,則該欄位的任何錯誤都將附加到主表單,而不是附加到特定欄位。
error_mapping
type: array
default: []
此選項可讓您修改驗證錯誤的目標。
假設您有一個名為 matchingCityAndZipCode()
的自訂方法,用於驗證城市和郵遞區號是否相符。不幸的是,您的表單中沒有 matchingCityAndZipCode
欄位,因此 Symfony 可以做的就是在表單頂部顯示錯誤。
透過自訂錯誤映射,您可以做得更好:將錯誤映射到城市欄位,使其顯示在其上方
1 2 3 4 5 6 7 8
public function configureOptions(OptionsResolver $resolver): void
{
$resolver->setDefaults([
'error_mapping' => [
'matchingCityAndZipCode' => 'city',
],
]);
}
以下是映射左側和右側的規則
- 左側包含屬性路徑;
- 如果違規是在類別的屬性或方法上產生的,則其路徑為
propertyName
; - 如果違規是在
array
或ArrayAccess
物件的條目上產生的,則屬性路徑為[indexName]
; - 您可以透過串連巢狀屬性路徑來建構巢狀屬性路徑,並以點分隔屬性。例如:
addresses[work].matchingCityAndZipCode
; - 右側包含表單中欄位的名稱。
依預設,任何未映射屬性的錯誤都會向上冒泡到父表單。您可以使用左側的點 (.
) 將所有未映射屬性的錯誤映射到特定欄位。例如,若要將所有這些錯誤映射到 city
欄位,請使用
1 2 3 4 5
$resolver->setDefaults([
'error_mapping' => [
'.' => 'city',
],
]);
help
type: string
或 TranslatableInterface
default: null
可讓您為表單欄位定義說明訊息,預設情況下,該訊息會在欄位下方呈現
1 2 3 4 5 6 7 8 9 10 11 12 13
use Symfony\Component\Translation\TranslatableMessage;
$builder
->add('zipCode', null, [
'help' => 'The ZIP/Postal code for your credit card\'s billing address.',
])
// ...
->add('status', null, [
'help' => new TranslatableMessage('order.status', ['%order_id%' => $order->getId()], 'store'),
])
;
help_attr
type: array
default: []
設定用於顯示表單欄位說明訊息之元素的 HTML 屬性。其值為關聯陣列,以 HTML 屬性名稱作為鍵。這些屬性也可以在範本中設定
1 2 3
{{ form_help(form.name, 'Your name', {
'help_attr': {'class': 'CUSTOM_LABEL_CLASS'}
}) }}
help_html
type: boolean
default: false
依預設,help
選項的內容在範本中呈現之前會先逸出。將此選項設定為 true
以不逸出它們,當說明包含 HTML 元素時,這會很有用。
label
type: string
或 TranslatableMessage
default: 標籤是從欄位名稱「猜測」而來
設定呈現欄位時將使用的標籤。設定為 false
將會抑制標籤
1 2 3 4 5 6 7 8
use Symfony\Component\Translation\TranslatableMessage;
$builder
->add('zipCode', null, [
'label' => 'The ZIP/Postal code',
// optionally, you can use TranslatableMessage objects as the label content
'label' => new TranslatableMessage('address.zipCode', ['%country%' => $country], 'address'),
])
標籤也可以在範本中設定
1
{{ form_label(form.name, 'Your name') }}
label_attr
type: array
default: []
設定 <label>
元素的 HTML 屬性,該元素將在呈現欄位的標籤時使用。它是一個關聯陣列,以 HTML 屬性作為鍵。這些屬性也可以直接在範本內設定
1 2 3
{{ form_label(form.name, 'Your name', {
'label_attr': {'class': 'CUSTOM_LABEL_CLASS'}
}) }}
label_html
type: boolean
default: false
依預設,label
選項的內容在範本中呈現之前會先逸出。將此選項設定為 true
以不逸出它們,當標籤包含 HTML 元素時,這會很有用。
required
type: boolean
default: true
如果為 true,則會呈現 HTML5 required 屬性。對應的 label
也會以 required
類別呈現。
這是表面功夫,與驗證無關。在最好的情況下,如果您讓 Symfony 猜測您的欄位類型,則此選項的值將會從您的驗證資訊中猜測出來。
注意
required 選項也會影響如何處理每個欄位的空資料。如需更多詳細資訊,請參閱 empty_data 選項。