2016-12-07 11 views
0

JavaScriptを使用してフォームにエラーメッセージを表示するのに問題があります。ここでJavaScriptを使用して入力フィールドにエラーメッセージを追加しますか?

は私のフォームと私はJSにアクセスしようとしている入力フィールドの一部です。スパンタグの内側にエラーメッセージを追加したいと思います。ここで

<form name="subform" id="subform" action="submit.php" onsubmit="return checkForBlank()" method="POST" enctype="multipart/form-data"> 

    <div class="md-form"> 
     <input type="text" id="subcim" name="subcim" class="form-control"> 
     <label for="subcim" class="">Title</label> 
    </div> 
    <span class="error_form" id="subcim_error_message"></span> 

は私のJavaScriptコードです:

function checkForBlank() { 
if(document.geElementById("subcim").value == "") { 
    document.getElementById("subcim_error_message").textContent="You must add a title!"; 
    return false; 
} 
} 

だから、基本的には、入力フィールドを空のままにされたときにエラーメッセージが表示されます。しかし、それは示されていません。

何か助けていただければ幸いです。

+0

あなたの代わりのTextContentのinnerHtml' '試すことができますか? –

+0

'error_form' CSSクラスの設定は何ですか?それが要素を隠すために使用されている場合、あなたはそれを変更するために何もしていません。 – krillgar

+3

typoのように見えますが、 'document.geElementById(" subcim ")'は 'document.getElementById(" subcim ")'でなければなりません。 –

答えて

0

ことのdocument.getElementById( "subcim_error_message")を試してみてくださいinnerHTMLプロパティ= "あなたは、タイトルを追加する必要があります!"。

+0

返事をありがとうが、残念ながらそれは動作しませんでした。入力フィールドが空のフォームを送信しようとすると、「必須フィールドに入力してください」というメッセージが表示されます。のみ、フォームは表示されません。私はそれがデフォルトのブラウザメッセージだと思っています。 – PapT

+0

これでどのように問題を解決するのですか? –

+0

申し訳ありませんが、それはタイプミスでした。 "getElementById"から "t"が残されました – PapT

関連する問題