Javascript 如何在java脚本中隐藏errorbox验证_Javascript_Html

Javascript 如何在java脚本中隐藏errorbox验证

javascript html

Javascript 如何在java脚本中隐藏errorbox验证,javascript,html,Javascript,Html,下面的代码正在运行，但我需要对代码进行一些修改当用户未填充框时，它会显示错误框，该零件正在工作，但填充后应消失。所以请任何人帮我解决这个问题我在这里发布了包含html和java脚本的代码，所以只要复制并运行它就可以了，并尝试解决我的问题 <html> <head> <script type="text/javascript"> function validate() { var fname = documen

下面的代码正在运行，但我需要对代码进行一些修改

当用户未填充框时，它会显示错误框，该零件正在工作，但填充后应消失。所以请任何人帮我解决这个问题

我在这里发布了包含html和java脚本的代码，所以只要复制并运行它就可以了，并尝试解决我的问题

   <html>
   <head>
   <script type="text/javascript">
  function validate()
          {

  var fname = document.form.Name.value;
  var lname = document.form.Lame.value;
  var same  = document.form.Same.value;

  if( fname == "" )
   {
     document.form.Name.focus() ;
     document.getElementById("errorBox1").innerHTML = "enter the first name";
     return false;
   }

   if( lname == "" )
   {
     document.form.Lame.focus() ;
     document.getElementById("errorBox2").innerHTML = "enter the last name";
     return false;
   }

  if( same == "" )

   {
     document.form.Same.focus() ;
     document.getElementById("errorBox3").innerHTML = "enter the Same name";
     return false;
   }
    }

    </script>
    </head>
     <body>
 <form name="form" >


 SSS :<input type="text" name="Name" value=""  class="input_name" ><div    id="errorBox1"> </div>
  <br> 
   SSmjhjk :<input type="text" name="Lame" value=""  class="input_name" ><div id = "errorBox2"></div>
  <br> 

 nngb :<input type="text" name="Same" value=""  class="input_name" ><div id = "errorBox3"></div>


    <input type=button  onClick="validate()" value=check> 

         </form>


函数验证（）
{
var fname=document.form.Name.value；
var lname=document.form.Lame.value；
var same=document.form.same.value；
如果（fname==“”）
{
document.form.Name.focus（）；
document.getElementById（“errorBox1”）.innerHTML=“输入名字”；
返回false；
}
如果（lname==“”）
{
document.form.Lame.focus（）；
document.getElementById（“errorBox2”）.innerHTML=“输入姓氏”；
返回false；
}
如果（相同==“”）
{
document.form.Same.focus（）；
document.getElementById（“errorBox3”）.innerHTML=“输入相同的名称”；
返回false；
}
}
SSS：


SSmjhjk：


nngb:

试试这个，这个可能适合你

function validate() {
    var fname = document.form.Name.value;
    var lname = document.form.Lame.value;
    var same = document.form.Same.value;
    if (fname == "") {
        document.form.Name.focus();
        document.getElementById("errorBox1").innerHTML = "enter the first name";
        return false;
    } else {
        document.getElementById("errorBox1").innerHTML = "";
    }

    if (lname == "") {
        document.form.Lame.focus();
        document.getElementById("errorBox2").innerHTML = "enter the last name";
        return false;
    } else {
        document.getElementById("errorBox2").innerHTML = "";
    }

    if (same == ""){
        document.form.Same.focus();
        document.getElementById("errorBox3").innerHTML = "enter the Same name";
        return false;
    } else {
        document.getElementById("errorBox3").innerHTML = "";
    }
}

像这样使用输入类型

<input type="text" id="fname" onkeyup="validate()">

这将帮助您

试试这个，这可能对您有用

function validate() {
    var fname = document.form.Name.value;
    var lname = document.form.Lame.value;
    var same = document.form.Same.value;
    if (fname == "") {
        document.form.Name.focus();
        document.getElementById("errorBox1").innerHTML = "enter the first name";
        return false;
    } else {
        document.getElementById("errorBox1").innerHTML = "";
    }

    if (lname == "") {
        document.form.Lame.focus();
        document.getElementById("errorBox2").innerHTML = "enter the last name";
        return false;
    } else {
        document.getElementById("errorBox2").innerHTML = "";
    }

    if (same == ""){
        document.form.Same.focus();
        document.getElementById("errorBox3").innerHTML = "enter the Same name";
        return false;
    } else {
        document.getElementById("errorBox3").innerHTML = "";
    }
}

像这样使用输入类型

<input type="text" id="fname" onkeyup="validate()">

这将帮助您

试试这个，这可能对您有用

function validate() {
    var fname = document.form.Name.value;
    var lname = document.form.Lame.value;
    var same = document.form.Same.value;
    if (fname == "") {
        document.form.Name.focus();
        document.getElementById("errorBox1").innerHTML = "enter the first name";
        return false;
    } else {
        document.getElementById("errorBox1").innerHTML = "";
    }

    if (lname == "") {
        document.form.Lame.focus();
        document.getElementById("errorBox2").innerHTML = "enter the last name";
        return false;
    } else {
        document.getElementById("errorBox2").innerHTML = "";
    }

    if (same == ""){
        document.form.Same.focus();
        document.getElementById("errorBox3").innerHTML = "enter the Same name";
        return false;
    } else {
        document.getElementById("errorBox3").innerHTML = "";
    }
}

像这样使用输入类型

<input type="text" id="fname" onkeyup="validate()">

这将帮助您

试试这个，这可能对您有用

function validate() {
    var fname = document.form.Name.value;
    var lname = document.form.Lame.value;
    var same = document.form.Same.value;
    if (fname == "") {
        document.form.Name.focus();
        document.getElementById("errorBox1").innerHTML = "enter the first name";
        return false;
    } else {
        document.getElementById("errorBox1").innerHTML = "";
    }

    if (lname == "") {
        document.form.Lame.focus();
        document.getElementById("errorBox2").innerHTML = "enter the last name";
        return false;
    } else {
        document.getElementById("errorBox2").innerHTML = "";
    }

    if (same == ""){
        document.form.Same.focus();
        document.getElementById("errorBox3").innerHTML = "enter the Same name";
        return false;
    } else {
        document.getElementById("errorBox3").innerHTML = "";
    }
}

像这样使用输入类型

<input type="text" id="fname" onkeyup="validate()">

这将帮助您

如果您只想使用javascript，可以隐藏错误div:

document.getElementById("errorBox1").style.display = 'none';

如果只想使用javascript，可以隐藏错误div：

document.getElementById("errorBox1").style.display = 'none';

如果只想使用javascript，可以隐藏错误div：

document.getElementById("errorBox1").style.display = 'none';

如果只想使用javascript，可以隐藏错误div：

document.getElementById("errorBox1").style.display = 'none';

在我的第一个通知中，您的脚本中有语法错误。在上一种情况下，您编写的代码类似于

if-else-if（same==“”）

。这是错误的

如果要同时检查并显示所有文本框的错误，则需要从脚本中删除return属性。更新脚本，如下所示

function validate()
{
 var fname = document.form.Name.value;
 var lname = document.form.Lame.value;
 var same  = document.form.Same.value;
 document.getElementById("errorBox1").innerHTML ="";
 document.getElementById("errorBox2").innerHTML ="";
 document.getElementById("errorBox3").innerHTML ="";
 if( fname == "" )
 {
      document.getElementById("errorBox1").innerHTML = "enter the first name";
 }

 if( lname == "" )
 {

 document.getElementById("errorBox2").innerHTML = "enter the last name";
 }

 if( same == "" )
 {

 document.getElementById("errorBox3").innerHTML = "enter the Same name";
 }
}

HTML

  <form name="form" >


  SSS :<input type="text" name="Name" value="" class="input_name" onkeyup="validate();" /><div id="errorBox1"> </div>
     <br> 
     SSmjhjk :<input type="text" name="Lame" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox2"></div>
     <br> 
  nngb :<input type="text" name="Same" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox3"></div>

  <input type="button" onclick="validate();" value="check" /> 

     </form>


SSS：


SSmjhjk：


nngb:

在我的第一个通知中，您的脚本中有语法错误。在上一种情况下，您编写的代码类似于

if-else-if（same==“”）

。这是错误的

如果要同时检查并显示所有文本框的错误，则需要从脚本中删除return属性。更新脚本，如下所示

function validate()
{
 var fname = document.form.Name.value;
 var lname = document.form.Lame.value;
 var same  = document.form.Same.value;
 document.getElementById("errorBox1").innerHTML ="";
 document.getElementById("errorBox2").innerHTML ="";
 document.getElementById("errorBox3").innerHTML ="";
 if( fname == "" )
 {
      document.getElementById("errorBox1").innerHTML = "enter the first name";
 }

 if( lname == "" )
 {

 document.getElementById("errorBox2").innerHTML = "enter the last name";
 }

 if( same == "" )
 {

 document.getElementById("errorBox3").innerHTML = "enter the Same name";
 }
}

HTML

  <form name="form" >


  SSS :<input type="text" name="Name" value="" class="input_name" onkeyup="validate();" /><div id="errorBox1"> </div>
     <br> 
     SSmjhjk :<input type="text" name="Lame" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox2"></div>
     <br> 
  nngb :<input type="text" name="Same" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox3"></div>

  <input type="button" onclick="validate();" value="check" /> 

     </form>


SSS：


SSmjhjk：


nngb:

在我的第一个通知中，您的脚本中有语法错误。在上一种情况下，您编写的代码类似于

if-else-if（same==“”）

。这是错误的

如果要同时检查并显示所有文本框的错误，则需要从脚本中删除return属性。更新脚本，如下所示

function validate()
{
 var fname = document.form.Name.value;
 var lname = document.form.Lame.value;
 var same  = document.form.Same.value;
 document.getElementById("errorBox1").innerHTML ="";
 document.getElementById("errorBox2").innerHTML ="";
 document.getElementById("errorBox3").innerHTML ="";
 if( fname == "" )
 {
      document.getElementById("errorBox1").innerHTML = "enter the first name";
 }

 if( lname == "" )
 {

 document.getElementById("errorBox2").innerHTML = "enter the last name";
 }

 if( same == "" )
 {

 document.getElementById("errorBox3").innerHTML = "enter the Same name";
 }
}

HTML

  <form name="form" >


  SSS :<input type="text" name="Name" value="" class="input_name" onkeyup="validate();" /><div id="errorBox1"> </div>
     <br> 
     SSmjhjk :<input type="text" name="Lame" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox2"></div>
     <br> 
  nngb :<input type="text" name="Same" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox3"></div>

  <input type="button" onclick="validate();" value="check" /> 

     </form>


SSS：


SSmjhjk：


nngb:

在我的第一个通知中，您的脚本中有语法错误。在上一种情况下，您编写的代码类似于

if-else-if（same==“”）

。这是错误的

如果要同时检查并显示所有文本框的错误，则需要从脚本中删除return属性。更新脚本，如下所示

function validate()
{
 var fname = document.form.Name.value;
 var lname = document.form.Lame.value;
 var same  = document.form.Same.value;
 document.getElementById("errorBox1").innerHTML ="";
 document.getElementById("errorBox2").innerHTML ="";
 document.getElementById("errorBox3").innerHTML ="";
 if( fname == "" )
 {
      document.getElementById("errorBox1").innerHTML = "enter the first name";
 }

 if( lname == "" )
 {

 document.getElementById("errorBox2").innerHTML = "enter the last name";
 }

 if( same == "" )
 {

 document.getElementById("errorBox3").innerHTML = "enter the Same name";
 }
}

HTML

  <form name="form" >


  SSS :<input type="text" name="Name" value="" class="input_name" onkeyup="validate();" /><div id="errorBox1"> </div>
     <br> 
     SSmjhjk :<input type="text" name="Lame" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox2"></div>
     <br> 
  nngb :<input type="text" name="Same" onkeyup="validate();" value=""  class="input_name" /><div id = "errorBox3"></div>

  <input type="button" onclick="validate();" value="check" /> 

     </form>


SSS：


SSmjhjk：


nngb:

这一行呢？document.getElementById（“errorBox1”）.innerHTML=“输入名字”。。。。。。。。。。？你说的是.style.display，那么它将如何显示消息呢？这一行呢？document.getElementById（“errorBox1”）.innerHTML=“输入名字”。。。。。。。。。。？你说的是.style.display，那么它将如何显示消息呢？这一行呢？document.getElementById（“errorBox1”）.innerHTML=“输入名字”。。。。。。。。。。？你说的是.style.display，那么它将如何显示消息呢？这一行呢？document.getElementById（“errorBox1”）.innerHTML=“输入名字”。。。。。。。。。。？你说的是.style.display，那么它将如何显示消息它不工作，它只是。。。。我希望当您输入文本并移动到下一个框时，错误消息应该消失，而不单击提交button@sourav78611现在试试。onkeyup=“validate（）”>我无法使用此选项，因为在输入一个字母后，光标会自动转到下一个框。。。所以，请给我一些更好的建议，谢谢兄弟的帮助，请在这里帮忙。@sourav78611删除所有三行focus（），然后再试一次，这肯定会对这行文档起作用。form.Name.focus（）；仪式？它不起作用，只是。。。。我希望当您输入文本并移动到下一个框时，错误消息应该消失，而不单击提交button@sourav78611现在试试。onkeyup=“validate（）”>我无法使用此选项，因为在输入一个字母后，光标会自动转到下一个框。。。所以，请给我一些更好的建议，谢谢兄弟的帮助，请在这里帮忙。@sourav78611删除所有三行focus（），然后再试一次，这肯定会对这行文档起作用。form.Name.focus（）；仪式？它不起作用，只是。。。。我希望当您输入文本并移动到下一个框时，错误消息应该消失，而不单击提交button@sourav78611现在试试。onkeyup=“validate（）”>我无法使用此选项，因为在输入一个字母后，光标会自动转到下一个框。。。所以，请给我一些更好的建议，谢谢兄弟的帮助，请在这里提供帮助。@sourav78611删除所有三行focus（），然后再试一次，它肯定会对这行文档起作用