如何使用javascript在html字段旁显示错误消息请帮助我_Javascript_Html

如何使用javascript在html字段旁显示错误消息请帮助我

javascript html

如何使用javascript在html字段旁显示错误消息请帮助我,javascript,html,Javascript,Html,我用javascript编写了一个程序，用于在字段旁边显示错误消息，而不是发出警报，但它不起作用。请帮助我编写该程序 <html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> <script type="text/javascript"> function check() {

我用javascript编写了一个程序，用于在字段旁边显示错误消息，而不是发出警报，但它不起作用。请帮助我编写该程序

<html>
   <head>
      <link rel="stylesheet" type="text/css" href="mystyle.css">
      <script type="text/javascript">
         function check()
         {
              if(document.getElementById('firstname').value==NULL || myform.firstname.value.length==0)
              {
                  document.getElementById('errorname').value="this is an invalid name";
              }
         }
      </script>
   </head>
   <body>
      <form name="myform">
         <p>name</p>
         <input type="text" name="firstname" onblur="check()"/>
         <span id="errorname"></span>
         <br/><input type="button" value="submit" />
      </form>
   </body>
</html>


函数检查（）
{
if（document.getElementById（'firstname'）.value==NULL | | | myform.firstname.value.length==0）
{
document.getElementById（'errorname'）.value=“这是一个无效的名称”；
}
}
名字

您使用了

document.getElementById（'firstname'）

但是您的输入没有id，只有名称。尝试将

id=“firstname”

添加到输入框。

您使用了

document.getElementById（'firstname'）

但是您的输入

input type=“text”name=“firstname”

没有id，只有名称。尝试将

id=“firstname”

添加到输入框中。

您尚未将id提供给您的textbox也会将textbox的值传递到函数中

像这样

<input type="text" name="firstname" id="firstname" onblur="check(this.value)"/>

您还没有给textbox提供id，请将textbox的值传递到函数中

像这样

<input type="text" name="firstname" id="firstname" onblur="check(this.value)"/>

下面列出的代码中有多个错误：

NULL的用法：为NULL且不为NULL

没有将id指定为firstname并在if循环中检查它

要给span赋值，需要使用innerHTML

因此，您的HTML代码：

<form name="myform">  
<p>name</p><input id="firstname" type="text" name="firstname" onblur="check()"/><span id="errorname">    </span>
<br/><input type="button" value="submit" />
</form>

您的代码中有多个错误，如下所示：

NULL的用法：为NULL且不为NULL

没有将id指定为firstname并在if循环中检查它

要给span赋值，需要使用innerHTML

因此，您的HTML代码：

<form name="myform">  
<p>name</p><input id="firstname" type="text" name="firstname" onblur="check()"/><span id="errorname">    </span>
<br/><input type="button" value="submit" />
</form>

HTML：

<form id="form">
    <p>name</p>
    <input type="text" id="firstname" name="firstname" /> <span id="errorname"></span>

    <br/>
    <input type="submit" value="Submit" />
</form>

JSFIDLE示例：

HTML:

<form id="form">
    <p>name</p>
    <input type="text" id="firstname" name="firstname" /> <span id="errorname"></span>

    <br/>
    <input type="submit" value="Submit" />
</form>

JSFIDLE示例：

没有为您的输入字段提供ID。添加ID并访问输入字段

function check(){
  if(document.getElementById('firstname').value==""){
    document.getElementById('errorname').innerHTML ="this is an invalid name";
  }
}

然后像这样更改html字段

<input type="text" name="firstname" id="firstname" onblur="check()"/>

没有为您的输入字段提供ID。添加ID并访问输入字段

function check(){
  if(document.getElementById('firstname').value==""){
    document.getElementById('errorname').innerHTML ="this is an invalid name";
  }
}

然后像这样更改html字段

<input type="text" name="firstname" id="firstname" onblur="check()"/>

这几乎是您的代码，几乎没有更改以满足要求。结帐


函数检查（）{
if（document.myform.firstname.value==null | | myform.firstname.value.length==0）{
document.getElementById（'errorname'）.innerHTML=“这是一个无效的名称”；
}
}
名字


函数检查（）{
if（document.myform.firstname.value==null | | myform.firstname.value.length==0）{
document.getElementById（'errorname'）.innerHTML=“这是一个无效的名称”；
}
}
名字

它为空且不为空。它为空且不为空。很抱歉，它没有在TextBox旁边显示任何消息。您是否尝试过fiddle demo？很抱歉，它没有在TextBox旁边显示任何消息您尝试过fiddle demo吗？