javascript - JavaScript フォームの検証 - ポップアップなし

Question

大学の課題では、投稿する前にフォームを検証する必要があります。エラーが発生した場合、エラー入力フィールドと同じブロックにテキスト メッセージが必要です (したがって、ポップアップ メッセージはありません)。私は JavaScript があまり得意ではないので、本当に助けが必要です。

これが私のhtmlです

<div id="form">
    <form name="myForm" method="post"  >
    <p class="head">Deelnemer</p>
        <fieldset id="deelnemer">
            <label class="title">Naam:</label>
                <input type="text" id="txtName" name="txtName" size="15"/>                
        </fieldset>
    <p class="head">Opmerkingen</p>
        <fieldset id="opmerkingen">
            <textarea name="opmerkingen" rows="5" cols="40"></textarea>
        </fieldset>
    <p id="button"> 
        <input type="submit" name="submit" value="Aanmelden" onclick="validate()"/>
    </p>
</form>

そして、これまでの私のJavascript（これはポップアップメッセージを表示します）

function validate()
        {
 var userName = document.getElementById("txtName").value;
 if (userName.length == 0)
  {
    alert("Please, enter your name");
    return false;
  }
 else
  {
    alert("Thank you, " + userName);
  }
}

誰かが私に答えてくれることを願っています！ありがとう