so zeigen Sie eine Fehlermeldung neben dem Feld in html mit javascript-bitte helfen Sie mir

habe ich ein Programm geschrieben mit javascript zum anzeigen Fehlermeldung neben dem Feld statt der Alarmierung, aber es funktioniert nicht bitte helfen Sie mir, um die Arbeit mit dem Programm

<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>
  • es ist null und nicht NULL
InformationsquelleAutor KaNnaChinNu | 2014-08-21
  1. 4

    haben Sie nicht die id, um Sie textbox auch übergeben Sie den Wert der textbox an die Funktion

    wie diese

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

    Und JS-Funktion

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

    SIEHE FIDDLE DEMO

    • sorry, es wird nicht zeigen keine Nachricht neben dem Textfeld
    • haben Sie versuchen, fiddle demo?
    InformationsquelleAutor Satish Sharma
  2. 1

    Sie keine ID für Ihre Eingabe Feld. Fügen Sie eine ID und Zugang zu Ihrem Eingabefeld.

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

    Und ändern Sie Ihre html-Feld wie dieses.

    <input type="text" name="firstname" id="firstname" onblur="check()"/>
    InformationsquelleAutor Preejith P
  3. 1

    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>

    JavaScript:

    var form = document.getElementById('form'),
    firstName = document.getElementById('firstname'),
    errorMessage = document.getElementById('errorname');

function check(event) {
    event.preventDefault();
    if (firstName.value === '' || !firstName.value.length) {
        console.log('here')
        errorMessage.innerText = 'This is an invalid name';
    } else {
        errorMessage.innerText = '';
    }
}

form.addEventListener('submit', check);

    JSFiddle Beispiel:

    http://jsfiddle.net/2etd93jL/2/

    • funktioniert nicht dude
    • Welcher browser, IE?
    InformationsquelleAutor Miguel Mota
  4. 0

    Haben Sie verwendet document.getElementById('firstname') aber Ihre Eingabe input type="text" name="firstname" keine id, nur ein name. versuchen Sie id="firstname" dem Eingabefeld.

    InformationsquelleAutor Claies
  5. 0

    Mehrere Fehler in Ihrem code listing unten:

    1. Verwendung von NULL: es ist null und nicht NULL.
    2. Keine id zugewiesen, wie Vorname und eine überprüfung auf, dass in der if-Schleife
    3. zu geben, Wert umfassen, müssen mit innerHTML

    Also dein HTML-code:

    <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>

    JS-Code:

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

    Arbeiten Geige

    InformationsquelleAutor V31
  6. 0

    Dies ist fast Ihr code, einige änderungen hat die Anforderung zu erfüllen.
    Die Kasse fiddle

    function check(){
     if(document.getElementById('firstname').value=='' || !document.getElementById('firstname').value.length){
          document.getElementById('errorname').innerHTML="this is an invalid name";
      }
}
    InformationsquelleAutor Sameera Thilakasiri
  7. 0
    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    <script type="text/javascript">
        function check() {
            if (document.myform.firstname.value === null || myform.firstname.value.length == 0) {
                document.getElementById('errorname').innerHTML = "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>
    InformationsquelleAutor Greck
Schreibe einen Kommentar