用javascript在jsp中显示错误消息

display error message in jsp with javascript

本文关键字:显示 错误 消息 jsp javascript      更新时间:2023-09-26

我有一个jsp文件,其中包含一个表单,我需要验证该表单。jsp页面将作为弹出页面打开,因此我选择不再弹出验证消息。这是我的密码。

<script type="text/javascript"> 
    function validateForm() {
        var x=document.forms["myForm"]["name1"].value;
        if (x.trim().length<=4){
            return false;
        }
    }
</script>
<form name="myForm" method="POST" action="write.jsp" onsubmit="return validateForm();">
    Name: <input type="text" name="name1" value="<%=name%>" size="20"/>  <br> 
    Price: <input type="text" name="price"  value="<%=price%>" size="20" /><br> 
    Due time: <input type="text" name="DueTime"  value="<%=dueday%>" size="20" /><br> 
    Location: <input type="text" name="Location"  value="<%=address%>" size="20" /><br> 
    Photo Url: <input type="text" name="url"  value="<%=imagePath%>" size="20" /><br> 
    Description: <input type="text" name="desc"  value="<%=desc%>" size="20" /><br> 
    <input type="submit" name="submit" onclick="window.close()"/>
    <% if(validateForm = false) { %> <a>error message</a> <% } %>
</form>

我仅验证第一个输入"name1",并且输入长度小于4。
我想在提交按钮下面显示一条错误消息。代码不起作用,有人能帮我解决这个问题吗?

 document.getElementsByName('name1')[0].value;  

代替

document.forms["myForm"]["name1"].value;

在"提交"按钮下方使用跨度
html

<span id="error"></span>

脚本

function validateForm()
                {
                var x=document.getElementsByName('name1')[0].value;
                if (x.trim().length<=4)
                  {
                    document.getElementById("error").innerHTML="atleast 4 letters required in name";
                    return false;
                  }
                }

使用document.getElementsByName("name1")而不是document.forms["myForm"]["name1"].value;

用作

function validateForm()
{
var x=document.getElementsByName("name1").value;
if (x.trim().length<=4)
  {
    alert("Message");
    return false;
  }
}