HPのフォームに入力してもらった後、入力された文字のチェックを行い、エラーがあった場合に「○○は半角で入力して下さい」、「○○は必須項目です」などのメッセージを出したいと思っています。
とりあえずいろいろなHPを参考に、文字制限、及びエラーメッセージを出すまでは出来たのですが、必須項目のチェックをどのように追加すればいいのかがわかりません。
最初に、入力したフォームから、フォーカスが離れた時の処理
function kanacheck() {
if(document.order.kana.value.match( /[^ぁ-んァ-ン \s]+/) ) {
alert("ふりがなは、「ひらがな」・「カタカナ」のみで入力して下さい。");
return 1;
}
return 0;
}
同じ様な内容で他多数項目のチェック内容が続きます。
下は、「送信」を押したときに全体をチェックする処理です。
クリックされたときに処理を実行するようにonclick属性で呼び出しをしています。
function AllCheck() {
var check = 0;
check += kanacheck();
if( check > 0 ) {
return false;
}
return check; }
いずれかに「必須項目の未入力チェック」を入れたいのですが、どのようにその処理を書き足せば良いでしょうか?
また、上の状態でもきちんと動作するかどうか確認はできていますが、どこかおかしな部分はありませんか?
java初心者でお恥ずかしい質問ですが、どうぞよろしくお願い致します。
No.2ベストアンサー
- 回答日時:
JavaScriptのカテゴリーに質問されているので問題ないですが・・・、JavaではなくJavaScriptですよ。
名前は似ていますが、Javaだと全く違うプログラム言語を意味してしまいます。
さて、
> 「必須項目の未入力チェック」を入れたい
とのことですが、これは入力された文字列(例: document.order.kana.value)の長さが0であるかをチェックすればいいと思います。
以下、簡単ですがその処理を行うJavaScriptとHTMLの一部を記載しておきます。
[JavaScript]
function emptyCheck() {
var value = document.order.sample.value;
if (value.length == 0) {
alert("必須入力です。");
return 1;
}
return 0;
}
[HTML]
<form name="order">
<input type="text" name="sample" />
</form>
burood0001さんへのお礼でも書きましたが、JavaとJavaScriptの違いがわかっておりませんでした。ご指摘ありがとうございます。
処理の内容まで詳しく記載していただき、ありがとうございました。
これで上手く行きそうです!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 助けてください!スパムメールがとんでもなく大量に届きます。 3 2023/08/10 16:32
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの javascript で 1 2022/05/11 11:01
- Visual Basic(VBA) VBA 重複チェック後に値をワークシートに転記する方法を教えてください。 1 2023/03/19 12:43
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDFフォームで条件つき金額を表...
-
入力した文字を大文字に変換し...
-
テキストエリアに入力可能な文...
-
onClickとsubmitの処理順序
-
文末の改行コードを削除したい
-
マウスをブラウザの外に出した...
-
正規表現で複数マッチ条件で悩...
-
return trueとreturn falseの用...
-
【jsp/Java】チェックボックス...
-
リストボックス内の重複したも...
-
<JavaScript>tableタグを入力不...
-
onchangeイベントを強制的に発...
-
プルダウン 項目が多いので先頭...
-
confirmのOK・キャンセルを押し...
-
チェックボックス付きのテーブ...
-
VBSでブラウザ上のテキストボッ...
-
value内に変数を入れたい
-
formのfileの値をhiddenでも持...
-
onclickで2個指定するには?
-
チェックボックス
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
条件により、リンク先に画面遷...
-
javascriptで入力フォームが空...
-
フォームから入力すると、入力...
-
ラジオボタンによるフォームの...
-
JSPとJavaScriptの連携について...
-
テキストフィールドに入力した...
-
日付入力欄の表示形式を自動的...
-
最初の入力を判断
-
PDFフォームで条件つき金額を表...
-
テキストボックスを無効にする...
-
URLの/以降だけを入力したいです。
-
vbsでフォームに値を入力できない
-
フォームの値が0だったら空白...
-
テキストエリア入力文字数の表...
-
VBScriptで未入力のチェック(...
-
テキストボックス入力を半角英...
-
数字の1文字目を消したい
-
Javascriptが機能せず原因が分...
-
javascriptで入力禁止文字をチ...
おすすめ情報