<input pattern>を使って全角カナ制限をしていたのですが、スマホ(iPhone)では効かないようです。
ですのでJavaScript(jQuery)を使って制御しようと調べてやってみたのですが、アラートは出るものの「非表示にする」をチェックしないと永遠にアラートが出てきます。
これをシンプルに1回だけ表示したいです。
※リロードでリセット
Javascript
1<script src="https://code.jquery.com/jquery-2.2.4.min.js" ></script> 2<script> 3function isKana(value) { 4 if ( value == null ) 5 return; 6 if( value.match( /[^ァ-ンヴー \s]+/ ) ) { 7 alert("全角カタカナで入力して下さい。"); 8 return false; 9 } 10 return true; 11} 12 $(function(){ 13 $("#kana").blur(function(){ 14 if ( !isKana($(this).val()) ) 15 { $(this).focus(); } 16 }); 17 }); 18</script>
html
1<form action="hoge.php" method="post" enctype="multipart/form-data"> 2フリガナ※全角カタカナで<input type="text" id="kana" name="フリガナ" /> 3</form>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/09 01:09