HTML、CSS、Javascriptを使用した単純なログインフォーム

-4

HTMLとCSSで単純なログインフォームを作成しようとしていますが、空のフィールド検証にJavascriptを使用しています。HTML、CSS、Javascriptを使用した単純なログインフォーム

は、ここで私はテキストボックスに空のテキストを検証し、CSSとHTMLを使用して、各テキストボックス以下のエラーメッセージを表示しようとしています私のjsfiddle

です。

CSS

.validation 
{ 
    color: red; 
    margin-bottom: 20px; 
}

Javascriptを

$("#txtUsername").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please enter username</div>");

私はこのquestionに従い、同じ複製しようとしていますが、何とかそれはそれが機能していません。

助けが必要ですか？

ありがとうございます。

2017-10-23 Santosh

正確には動作しません。どの機能を複製しようとしていて、どの部分が機能しないのですか？ –

「動作していません」と定義します。どのようなエラーが出ますか？あなたの質問に[mcve]を投稿し、正しくタグ付けしてください（jQueryを使っているかのように表示されますが、タグはありません） – j08691

検証を行っていません。jsfiddleを開いた場合は、気づいたでしょう。あなたの時間のために – Santosh

JSFiddleでは、jQueryはライブラリとして追加されません。したがって、jQueryの検証コードが呼び出されていません。

あなたはjQueryのを追加する場合、それは動作します。

2017-10-23 03:08:37

ああ、私はこれを知りませんでした。大いにありがとうございます – Santosh

@サントスあなたはようこそ！この回答を受け入れたとマークして、コミュニティに役立つことを確認してください。 –

答えて