Question

用js验证输入信息，不使用alert,而使提示错误的信息直接出现在输入框后？在同一行上，

<input type="text" name="name" value="${flash.name}" id="name" class="span3"onblur="checkName(this)" />
<span class="error" id="uname" style="display;color:red;"></span>
<form id="signup" action="@{Application.register}" method="post"
accept-charset="UTF-8" class="form-horizontal" onsubmit="return validate_form(this);">
<script language="javascript">
function checkName(name)
{var value = name.value;
if ( value.length < 6||value.length>18 )
{var showMsg=document.getElementById("uname");
showMsg.innerText="用户名长度只能是在6-18位之间";
return false;
}else{
var showMsg=document.getElementById("uname");
showMsg.style.display = 'none'; }}
function validate_form(thisform) {
with (thisform) {
if (checkUser(name) == false) {
name.focus(); return false; } } }</script>
在输入错误的时候自动显示了红色的字体，但是即使是输入错误，在点击提交之后，提交不上，后面的红色提示这时候就没有了，求牛人指点，给个例子也行，就是点击form提交之后也显示红色的错误，如果输入错误的

若以下回答无法解决问题，邀请你更新回答

Answer 1

.innerHTML 你可以用这个属性试一下。放到表单的后面。