WordPress

【WordPress】MW WP Form セレクトボックスの初期値を空欄とみなす処理

WordPress

【WordPress】MW WP Form セレクトボックスの初期値を空欄とみなす処理

※文章・コード見直しのため2020年11月19日に更新しました。

セレクトボックス に選択肢を入力する

【WordPress】MW WP Form セレクトボックスの初期値を空欄とみなす処理

①②挿入する項目からセレクトボックス を選択して「フォームタグを追加」をクリックします。

③編集画面が表示されたら、nameに「select」と入力します。

④選択肢は改行して選択項目を入れますが、先頭に「:選択してください」と入れます。

⑤「メールで送信する値」にチェックを入れる ことで、先ほど指定した「:(コロン)」の値が空欄だと判定されるようになります。

⑥最後に「Insert」をクリックすると、以下のようにセレクトボックス を表示するショートコードが生成されます。

[mwform_select name="select" children=":選択してください,山,海,川" post_raw="true"]

バリデーションルールを追加

【WordPress】MW WP Form セレクトボックスの初期値を空欄とみなす処理

セレクトボックスにバリデーションを設定します。
「バリデーションを適用する項目」にセレクトボックスで指定したname属性を入力して、必須項目にチェックを入れます。
ここまでの設定を更新してください。

このように指定することで、セレクトボックスにバリデーションを設定することが可能になりますので、是非お試しされてみてください。

あなたにおすすめの記事