![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
現在、文字列の入力チェックの関数を作成しています。
function checkMemberId() {
if(document.form1.memberId.value==undefined){
alert("番号を入力してください。");
return false;
}else if(??????????){
alert("空白が含まれています。");
return false;
}else {
alert("半角数字を入力してください。");
return false;
}
}
上記の else if の条件に、document.form1.memberIdに空白を含んだ文字列が入力されたらアラートメッセージを出すという処理を記述したいのですが、どういう処理を記述すればよいのでしょうか。
空白は全角・半角とも対象で、すべて空白が入力された時も同様の処理にしたいです。
以下、該当のHTML部です。
<form name="form1">
<input type="text" name="memberId">
</form>
以上、よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
else if( document.form1.memberId.value.indexOf(" ") >= 0 || document.form1.memberId.value.indexOf(" ") >= 0 )
で、どうでしょう?
この回答への補足
回答ありがとうございます。
教えていただいた方法でやってみたのですが、文字が一文字でも入力された時は動作しますが、全て空白にした場合(全角・半角とも)、未入力と見なされてしまうようで、一番目の条件にヒットしてしまいます。空白=未入力ということなのでしょうか・・・。
No.4
- 回答日時:
#3です。
>> 全て空白にした場合(全角・半角とも)、未入力と見なされてしまうようで、一番目の条件にヒットしてしまいます。空白=未入力ということなのでしょうか・・・。
と書かれてので、
> if(document.form1.memberId.value==undefined){
if(document.form1.memberId.value==""){
とした方がよいかもしれませんね。
回答ありがとうございます。
crumさんとpapillon68さんの回答を合わせて、
function checkMemberId() {
if(document.form1.memberId.value==""){
alert("番号を入力してください。");
return false;
}else if(document.form1.memberId.value.indexOf" ") >= 0 || document.form1.memberId.value.indexOf(" ") >= 0 ){
alert("空白が含まれています。");
return false;
}else {alert("半角数字を入力してください。");
return false;
}
return true;
}
という記述にしたところ、問題なく動作させることができました。
ありがとうございました。
No.3
- 回答日時:
bonotanさん、こんにちは。
逆転の発想になるのですが、
入力は半角数字のみ許可しようとされているようなので、
半角数字でなければエラーメッセージを出すようにするのはいかがでしょうか。
function checkMemberId() {
if(document.form1.memberId.value==undefined){
alert("番号を入力してください。");
return false;
} else if(! document.form1.memberId.value.match(/^[0-9]+$/)) {
alert("半角数字を入力してください。");
return false;
}
return true;
}
No.2
- 回答日時:
正規表現を使って、空白にマッチするかをテストするとか。
var member_id = document.form1.memberId.value;
if ( !member_id.match( / | / ) ){ alert( 'white space contained.' ); }
逆に、空白を先に削除してからチェックする方が楽かも。
member_id = document.form1.memberId.value.replace( / | /g, '' );
お返事遅れて、申し訳ございません。
正規表現は私には難しすぎて、よく理解できなかったので、もう少し勉強したいと思います(;_;)
回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- Excel(エクセル) B列に文字がはいったらA列に数字が入るマクロードを完成させたい 4 2023/04/21 01:58
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
Visual Studioのデザインでの非...
-
ラジオボタンとセレクトボック...
-
チェックボックスの有無判定
-
未選択のチェック方法を教えて...
-
JavaScript ログアウト処理
-
jsp javaScript
-
文字列に空白を含んだ場合の処理
-
追加ボタンを押した際に ok ボ...
-
value内に変数を入れたい
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
onchangeイベントを強制的に発...
-
チェックボックスのON/OFFでVal...
-
<JavaScript>tableタグを入力不...
-
【jQuery】input nameの文字列...
-
sessionの値でボタンを活性・非...
-
フォームのPOSTデータをサブウ...
-
JavaScriptにて動的に配列を作...
-
動的にTabindexの値を変えたい!
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
COBOLの数字チェック
-
ラジオボタンのNullチェック
-
未入力のラジオボタンに、alert...
-
JavaScriptde途中で、「exit」...
-
正規表現で複数マッチ条件で悩...
-
コピペを禁止するtextarea
-
ツリービューのチェックボック...
-
フォームの入力チェックをする...
-
度胸試しのJavaScript
-
Visual Studioのデザインでの非...
-
一度しか押せないボタンについて
-
form の onSubmit がコールされ...
-
onSubmit=の後ろは複数可能でし...
-
テキストボックスに数字しか入...
-
チェックボックスの有無判定
-
変数の値によってsubmit後の動...
-
JavaScript ログアウト処理
-
IE7のJavascriptで return fals...
おすすめ情報