Q&A
>「半角数字で入力してください」
カンマはいらなくないですか？
「,,,」とかでも通っちゃいますけど・・・
半角数字と半角カンマ以外を入力すると、「半角数字で入力してください」とエラー表示が下部にでるフォームを作成したいです。できれば、バリデーションはjQueryで行いたいです。(一応、生のJSでも大丈夫なのですが...）
ググってみると色々な方法があるのですが、移動キーや削除キーまで入力できなくなってしまったりと色々と問題が残るものばかりで、どれが正解なのか判断がつきません。
半角数字と半角カンマ以外を入力するとエラーがでるフォームをjQueryを使って実装する良い形は、どのような形があるでしょうか。
コードを書いて実装する方法かプラグインを使う方法どちらでも構わないのですが、知識のある方にご教授いただきたいです。
回答1件
0
ベストアンサー
jQuery 3.4.1を使用しています。
正規表現で判定するのはいかがでしょうか。
<html> <input type="text" id="message" name="namae" size="40" maxlength="20"> <input type ="button" id="btn" value="送信"> </html>
const regex = new RegExp('[^0-9.]'); $("#btn").on('click',function(){ const str = $("#message").val(); if(regex.test(str)){ console.log("半角数字で入力してください"); }else{ console.log("OKです"); } })
投稿2021/06/06 10:34
総合スコア608
あなたの回答
tips
プレビュー
