For at vise fejlmeddelelse uden alarm boks i Java Script

Bedes du rette nedenstående kode, for det fungerer ikke som forventet jeg.e, jeg har brug for en fejlmeddelelse, der vises lige ved siden af tekstfeltet i formularen, når brugeren indtaster et ugyldigt navn

<html>
  <head>
  <script type="text/javascript">
  function validate() {
  if(myform.fname.value.length==0)
  {
   document.getElementById("fname").innerHTML="this is invalid name ";
  }
  }
  </script>
  </head>
  <body>
  <form name="myform">
  First_Name
  <input type=text id=fname name=fname onblur="validate()"> </input>

  <br> <br>
  Last_Name
  <input type=text id=lname name=lname onblur="validate()"> </input>

  <br>
  <input type=button value=check> 

  </form>
  </body>
</html>
Ikke direkte relateret til dit spørgsmål, men din HTML glip af anførselstegn omkring attribut værdier. Du bør ikke til at savne dem. Også, <input> kræver ikke </input>. Hvis du skriver XHTML det bør være selvlukkende.
det er ikke .innerHTML , det er value
hej @legendinmaking, når jeg bruger ‘værdi’ at få fejlmeddelelse inde i bemærkningsfeltet, men kravet er ved siden af tekstfeltet.
for at vise beskeden, VED siden af det tekstfelt, du vil være behov for en span VED siden af tekstfeltet og derefter at ændre det innerHTML.
lavet ændringen gjorde ikke selv se, at arrangementet er fyring

OriginalForfatteren user2042156 | 2013-02-05

10 svar

  1. 9

    Prøv denne kode

    <html>
    <head>
     <script type="text/javascript">
     function validate() {
      if(myform.fname.value.length==0)
      {
    document.getElementById('errfn').innerHTML="this is invalid name";
      }
     }
     </script>
    </head>
    <body>
     <form name="myform">
      First_Name
      <input type=text id=fname name=fname onblur="validate()"> </input><div id="errfn">   </div>
    
    <br> <br>
    Last_Name
    <input type=text id=lname name=lname onblur="validate()"> </input>
    
    <br>
    <input type=button value=check> 
    
    </form>
    </body>
    </html>

    OriginalForfatteren ѕтƒ

  2. 5

    web master-eller web-programmører, skal du indsætte

    <!DOCTYPE html>

    i starten af din side. For det andet bør du vedlægge dine egenskaber med citater som

    type="text" id="fname"

    input element bør ikke indeholde slutningen element, skal du blot lukke det gerne:

     />

    input element ikke har innerHTML, det har value sor din javascript linje skal være:

    document.getElementById("fname").value = "this is invalid name";

    Skriv venligst i organiseret måde, og sørg for at det er praktisk at standarder.

    OriginalForfatteren Fredrick Gauss

  3. 4

    Jeg m enig med @ReNjITh.R svar, men Hvis du ønsker at vise en fejlmeddelelse, lige ved siden af tekstfeltet. Ligesom under

    For at vise fejlmeddelelse uden alarm boks i Java Script

    <html>
    <head>
    <script type="text/javascript">
        function validate() 
        {
            if(myform.fname.value.length==0)
            {
               document.getElementById('errfn').innerHTML="this is invalid name";
            }
        }
    </script>
    </head>
    <body>
        <form name="myform">
             First_Name
             <input type=text id=fname name=fname onblur="validate()" /><span id="errfn"></span>
            <br> <br>
             Last_Name
             <input type=text id=lname name=lname onblur="validate()"/><br>
             <input type=button value=check /> 
        </form>
    </body>

    kan du sætte hele den kode, du har skrevet … Det vil være en stor hjælp
    Nu kan du tjekke min redigerede kode.

    OriginalForfatteren Devang Rathod

  4. 2

    du kan prøve det ligesom dette

     <html>
              <head>
              <script type="text/javascript">
              function validate() 
              {
                var fnameval=document.getElementById("fname").value;
                var fnamelen=Number(fnameval.length);
                   if(fnamelen==0)
                   {
                      document.getElementById("fname_msg").innerHTML="this is invalid name ";
                    }
                }
              </script>
              </head>
              <body>
              <form name="myform">
              First_Name
              <input type=text id=fname name=fname onblur="validate()"> </input>
               <span id=fname_msg></span>
              <br> <br>
              Last_Name
              <input type=text id=lname name=lname onblur="validate()"> </input>
    
              <br>
              <input type=button value=check> 
    
              </form>
              </body>
            </html>
    Jeg forsøgte ikke selv se, at begivenheden udløser… 🙁

    OriginalForfatteren SHUNMUGA RAJ PRABAKARAN

  5. 1

    prøv denne

    <html>
      <head>
      <script type="text/javascript">
      function validate() {
      if(myform.fname.value.length==0)
      {
       document.getElementById("error").innerHTML="this is invalid name ";
       document.myform.fname.value="";
       document.myform.fname.focus();
      }
      }
      </script>
      </head>
      <body>
      <form name="myform">
      First_Name
      <input type="text" id="fname" name="fname" onblur="validate()"> </input>
    <span style="color:red;" id="error" > </span>
      <br> <br>
      Last_Name
      <input type="text" id="lname" name="lname" onblur="validate()"> </input>
    
      <br>
      <input type=button value=check> 
    
      </form>
      </body>
    </html>

    OriginalForfatteren Manoj Purohit

  6. 1

    Du kan også prøve dette


    <tr>
        <th>Name :</th>
        <td><input type="text" name="name" id="name" placeholder="Enter Your Name"><div id="name_error"></div></td>
    </tr>
    
    
    
        function register_validate()
    {
        var name = document.getElementById('name').value;
        submit = true;
        if(name == '')
        {
            document.getElementById('name_error').innerHTML = "Name Is Required";
            return false;
        }
        return submit;
    }
    document.getElementById('name').onkeyup = removewarning;
    function removewarning()
    {
        document.getElementById(this.id +'_error').innerHTML = "";
    }

    OriginalForfatteren Thiyagu

  7. 0

    Første, du forsøger at skrive til innerHTML i input-feltet. Dette vil ikke arbejde. Du er nødt til at have en div eller en span til at skrive til. Prøv noget i retning af:

    First_Name
    <input type=text id=fname name=fname onblur="validate()"> </input>
    <div id="fname_error"></div>

    Derefter ændre dit validere funktion til at læse

    if(myform.fname.value.length==0)
        {
        document.getElementById("fname_error").innerHTML="this is invalid name ";
        }

    Andet, jeg er altid tøvende over for at bruge onBlur for denne slags ting. Det er muligt at indgive en form uden at forlade området (fx retur-tasten) i hvilket tilfælde din bekræftelseskode vil ikke blive gennemført. Jeg foretrækker at køre validering fra den knap, der sender formularen og derefter ringe på submit() fra kun fungere, hvis dokumentet er gået validering.

    OriginalForfatteren ElPedro

  8. 0

    Prøve som dette:

    function validate(el, status){
         var targetVal = document.getElementById(el).value;
         var statusEl = document.getElementById(status);
         if(targetVal.length > 0){
            statusEl.innerHTML = '';
      }
         else{
            statusEL.innerHTML = "Invalid Name";
       }
    }

    Nu HTML:

    <!doctype html>
    <html lang='en'>
    <head>
    <title>Derp...</title>
    </head>
    <body>
    <form name="myform">
      First_Name
      <input type="text" id="fname" name="fname" onblur="validate('fname','fnameStatus')">
      <br />
      <span id="fnameStatus"></span>
      <br />
      Last_Name
      <input type="text" id="lname" name="lname" onblur="validate('lname','lnameStatus')"> 
      <br />
      <span id="lnameStatus"></span>
      <br />
      <input type=button value=check> 
    </form>
    </body>
    </html>

    OriginalForfatteren codeguerrilla

  9. 0

    Du skal bruge .værdi og ikke er .innerHTML, da det er en input type form element

    <html>
      <head>
      <script type="text/javascript">
      function validate() {
      if(myform.fname.value.length==0)
      {
       document.getElementById("fname").value="this is invalid name ";
      }
      }
      </script>
      </head>
      <body>
      <form name="myform">
      First_Name
      <input type=text id=fname name=fname onblur="validate()"> </input>
    
      <br> <br>
      Last_Name
      <input type=text id=lname name=lname onblur="validate()"> </input>
    
      <br>
      <input type=button value=check> 
    
      </form>
      </body>
    </html>

    OriginalForfatteren Techmonk

  10. 0

    Indstilling innerHtml af input værdi plejer at gøre noget godt her, så prøv med et andet element gerne span, eller bare vise tidligere er lavet, og skjulte fejl besked.
    Du kan indstille værdien i feltet navn tho.

    <head>
        <script type="text/javascript">
            function validate() {
                if (myform.fname.value.length == 0) {
                    document.getElementById("fname").value = "this is invalid name ";
                    document.getElementById("errorMessage").style.display = "block";
                }
            }
        </script>
    </head>
    
    <body>
        <form name="myform">First_Name
            <input type="text" id="fname" name="fname" onblur="validate()"></input> <span id="errorMessage" style="display:none;">name field must not be empty</span>
    
            <br>
            <br>Last_Name
            <input type="text" id="lname" name="lname" onblur="validate()"></input>
            <br>
            <input type="button" value="check" />
        </form>
    </body>

    VIOLIN

    OriginalForfatteren marbor3

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *