現在、文字列の入力チェックの関数を作成しています。
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の用...
-
正規表現で複数マッチ条件で悩...
-
form の onSubmit がコールされ...
-
ドロップダウンリストボックス...
-
ラジオボタンのNullチェック
-
JavaScriptde途中で、「exit」...
-
一度しか押せないボタンについて
-
COBOLの数字チェック
-
Tabキーでのカーソルの移動...
-
未選択のプルダウンメニューを...
-
プルダウン 項目が多いので先頭...
-
<input>の選択肢をプルダウンメ...
-
TextBoxに半角数字以外を入れた...
-
【jQuery】input nameの文字列...
-
value内に変数を入れたい
-
二つの入力欄に、同時に同じ文...
-
チェックボックスのON/OFFでVal...
-
JavaScriptにて動的に配列を作...
-
%の計算の仕方
-
一覧から選択した行の行番号を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
フォームの入力チェックをする...
-
チェックボックスの有無判定
-
JavaScriptde途中で、「exit」...
-
COBOLの数字チェック
-
TEXTAREAに入力した改行コード...
-
ラジオボタンのNullチェック
-
Visual Studioのデザインでの非...
-
「本当に削除しますか」が正常...
-
ツリービューのチェックボック...
-
半角英数字のみの入力にエラー...
-
ドロップダウンリストボックス...
-
未入力のラジオボタンに、alert...
-
入力された日付の正規表現の仕...
-
JSのみで入力→確認→メールで送...
-
分岐数といえば
-
度胸試しのJavaScript
-
ドラッグ&ドロップ禁止について
-
Tabキーでのカーソルの移動...
おすすめ情報