如何在javascript中显示文本框旁边的错误消息？

我是Javascript新手。所以我对下面的函数有疑问，如何在文本框旁边显示错误消息？现在它正在显示警报消息，但我需要更改警报消息，并需要将其显示在textbox旁边

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");
    } 
}

---

您可以在文本框旁边创建一个跨度元素

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

---

您可以在文本框旁边创建一个跨度元素

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

---

您必须具有该消息的任何容器，以便可以创建元素，然后将消息附加到该元素， 类似这样的东西，使用jquery

 <input type="text" id="kuku"></input>

$('#kuku').after('<div></div>').html("your message");

$（'#kuku'）。在（''.html（“您的邮件”）之后；

您必须拥有该消息的任何容器，以便可以创建元素，然后将消息附加到该元素， 类似这样的东西，使用jquery

 <input type="text" id="kuku"></input>

$('#kuku').after('<div></div>').html("your message");

$（'#kuku'）。在（''.html（“您的邮件”）之后；

U应该创建一个自定义警报，然后可以使用CSS将其定位到文本框旁边。一种方法是在HTML中有一个隐藏的div，并在错误发生时使其可见。你应该创建一个自定义警报，然后用CSS将其定位到文本框旁边。一种方法是在HTML中有一个隐藏的div，并在错误发生时使其可见。你能用table来做吗？用table是什么意思？你的意思是用append table代替div？如果是，实际上u可以用after函数附加任何元素。你是说（''..html（“你的消息”）之后的$（'.'kuku'）@ashokkumar可以放更清晰的html代码请，我不明白你做了什么，在JSFIDLE中，把你的html代码放在html部分，css放在css部分，别忘了格式化是的，我在底部有页脚，但是如何使用table标签将标题与顶部对齐？你能用table做吗？你对table是什么意思？你是说append table而不是div？如果是，实际上u可以用after函数附加任何元素。你是说（''..html（“你的消息”）之后的$（'.'kuku'）@ashokkumar可以写更清晰的html代码，请，我不明白你做了什么，在JSFIDLE中，把你的html代码放在html部分，css放在css部分，别忘了格式化。是的，我在底部有页脚，但是如何使用table标签将页眉与顶部对齐？