javascript - javascriptのテキストボックスの横にエラーメッセージを表示するには?

Question

私はJavascriptが初めてです。それで、次の機能に疑問がありました、テキストボックスの横にエラーメッセージを表示するにはどうすればよいですか? 現在、警告メッセージが表示されていますが、警告メッセージを変更してテキストボックスの横に表示する必要がありますか?

function AllowLock(){
    if (!locker.lock.value.match(/[a-zA-Z]$/) && locker.lock.value !="") {
        locker.lock.value="";
        alert("Please Enter only valid lock");
    }
    if(locker.lock.value.length > 5)
        alert("max length exceeded");
    } 
}

Answer 1

テキストボックスの横にスパン要素を作成できます

<input type="text" /><span id="msg"></span>

そしてあなたのメッセージを入れてください。

document.getElementById("msg").innerHTML = "your message";