wordpress MW WP Form テキストボックでカンマ・ダブルクオーテーション等の記号を入力できないように

Question

フォームのテキストボックスについてのご質問です。

まず、wordpressでMW WP Formのプラグインを使っています。

名前等のテキストボックスでカンマやダブルクオーテーションなど記号の入力ができないようにしたいです。

このような設定は可能でしょうか。

もしくは、入力後に何らかの処理で任意の記号を削除という方法でもあればと思っています。

具体的な方法が見えていないため、その他お伝えする事項がございましたらお教えください。

よろしくお願いいたします。

Answer 1

プラグインの機能ではないですが、inputにidを指定して、javascriptで制限を掛けるのではどうでしょうか？

user-nameというIDを付けた場合、キー押下時にコンマを消すなら
こんな感じでアレンジしてみて下さい。

$('#user-name').on('keypress',function (e) {
    var str = $(this).val();
    str = str.replace(',', '');
    $(this).val(str);
}

Comments

[ichigob]

javascript で試してみたいです。

その場合は、どのようにしたらよろしいでしょうか？

javascriptはあまり詳しくないです。

よろしくお願いいたします。

[madone99]

回答に追記しました。

[ichigob]

ありがとうございます。

str = str.replace('hoge', '');

hoge の部分に制限をかけたい記号を入れるという認識であっておりますでしょうか

[madone99]

そうですね、hogeを''(空白)で消すようになります。

あんまりいいコードではないですが、さらにfugaも消したい時は、次の行に
str = str.replace('fuga', '');
にすると、hogeを消した後でfugaも消すという挙動ができます。

ダブルクオーテーションなどの記号は文字列との区別が必要になりますので、
「javascript ダブルクオーテーション エスケープ」などで検索して試してみて下さい。