möchte die zuletzt eingegebenen Werte nicht aktualisieren und speichern

In meiner HTML-Seite möchte ich einen Button verwenden, der mein Formular mit Hilfe der Funktion abschickt. Ich benutze Validierungen für meine Felder und wenn ich auf die Schaltfläche "Absenden" klicke, wird eine Fehlermeldung angezeigt, die letzten Werte werden jedoch nicht gespeichert. Ich möchte nur, dass die Werte, die ich eingegeben habe, dort existieren werden und nur das Feld, das nur eine Fehlermeldung hat, wird verschwinden. Alle anderen Felder bleiben dort. Hier ist mein Code:möchte die zuletzt eingegebenen Werte nicht aktualisieren und speichern

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html> 
    <head> 
    <!--<meta http-equiv="refresh" content="text/html; charset=iso-8859-1" />--> 
    <!-- 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    --> 
    <title>Phone Registration</title> 
    <link rel="stylesheet" type="text/css" href="file:///C|/xampp/htdocs/track/css/view.css" media="all"/> 
    <script type="text/javascript" src="file:///C|/xampp/htdocs/track/javascript/view.js"></script> 
    <script type="text/javascript" src="file:///C|/xampp/htdocs/track/javascript/external.js"></script> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

    <script> 
     $(function() { 
      $("#datepicker").datepicker(); 
     }); 
     </script> 

    </head> 
    <body id="main_body" > 
     <img id="top" src="file:///C|/xampp/htdocs/track/images/top.png" alt=""/> 
      <div id="form_container"> 
      <h3> 
       <a href="file:///C|/xampp/htdocs/track/phonereg.php">Phone Registration</a> 
       <a href="file:///C|/xampp/htdocs/track/officerreg.php">Officer Registration</a> 
       <a href="file:///C|/xampp/htdocs/track/customerreg.php">Customer Registration</a> 
       <a href="file:///C|/xampp/htdocs/track/taskentry.php">Task Entry</a> 
      </h3>  
      <form name="order" id="form_532698" class="appnitro" method="post" action="" > 
       <div class="form_description"> 
       <h2>Phone Registration</h2> 
      </div>      
      <ul > 
       <li> 
       <span> 
       <label class="description">IMEI # : </label> 
       <input name="imei" id="imeinum" class="element text medium" type="text" maxlength="15" value=""/> 

       </span> 
       </li> 
       <li> 
       <span> 
       <label class="description" >Phone Number </label> 
       <input name="phone" id="phnum" class="element text medium" type="text" maxlength="11" value="" onblur="validate(this)"/> 

       </span> 
       </li> 
       <li> 
       <span> 
       <label class="description" >From Date </label> 
       <input id="datepicker" name="fdate" class="element text medium" maxlength="10" value="" type="text"/> 
       </span> 
       </li> 
       <li> 
       <span> 
       <label class="description" for="element_4">Active </label> 
       <input name="r1" id="rad" class="element radio" type="radio" value="Yes" checked="checked" /> 
       <label class="choice">Yes</label> 
       <input name="r1" id="rad" class="element radio" type="radio" value="No" /> 
       <label class="choice">No</label> 
       </span> 
       </li> 

       <li> 
       <input type="button" name="save" value="Save" /> 
       </li> 

       <!-- 
       <li class="buttons"> 
        <input type="hidden" name="form_id" value="532698" /> 
        <input class="button_text" type="submit" name="save" value="Save" id="" /> 
        &nbsp;<input class="button_text" type="reset" name="cancel" value="Cancel" /> 
        &nbsp;<input class="button_text" type="submit" name="search" value="Search" id="" /> 
        &nbsp;<input class="button_text" type="submit" name="up" value="Update" id="" /> 
        &nbsp;<input class="button_text" type="submit" name="del" value="Delete" id="" /> 
       </li> 
       --> 
      </ul> 
      </form> 
    </div> 
    <img id="bottom" src="file:///C|/xampp/htdocs/track/images/bottom.png" alt=""/> 

    <script type="text/javascript" language="JavaScript"> 
//submit form 
document.order.submit(); 
</script> 
    </body> 

</html>

Bitte leite mich, wie kann ich das tun ?? Ich werde Ihnen dankbar

Quelle

2012-12-19 Mona

können Sie diesen Code verwenden Form zu verhindern, dass an den Server submiting wenn die Validierung fehlschlägt:

$("form").on("submit", function(event){ 
    if(!isValidForm($(this)){ 
    event.preventDefault(); 
    } 
});

supposingly isValidForm() Methode nimmt Selektor Form und liefert true, wenn Form gültig und falsch ist, wenn es nicht ist.

Quelle

2012-12-19 12:31:11

Verwendung e.preventDefault(); oder return false;

Quelle

2012-12-19 12:23:04 Ghostman

Und denkst du, würde es tun? –

@VytautasButkus yup, wenn Sie 'return false verwenden;' wird es tun? habe keine Zweifel – Ghostman

Sie könnten ein wenig auf, wie die OP kann das Schnipsel .. –

Überprüfen Sie die Validierung ist der Erfolg oder nicht in $ (function()) wenn nicht, dann false zurück, dass .. sonst return true ...

<script> 
$(function() { 
    $("#datepicker").datepicker(); 
    if(!validation) { 
     return false; 
    } 
    return true; 
}); 
</script>

Quelle

2012-12-19 12:25:13

Es gibt 2 Möglichkeiten, dies zu tun: PHP (serverseitig) und Javascript (clientseitig).

Die PHP-Lösung nicht so sauber ist, müssen Sie die Seite aktualisieren, überprüfen Sie die Werte dort und stellen Sie die richtige value in jedem Eingang (Entfernen diejenigen, die Sie löschen möchten)

Die Javascript/jQuery Lösung ist sauberer: anstelle von <input type='submit' /> verwenden Sie eine Schaltfläche, die eine JavaScript-Funktion aufruft, überprüft jede Eingabe (wenn Sie Serverinformationen benötigen, um sie zu überprüfen, können Sie Ajax verwenden) und zeigt die Fehler, nur diejenigen, die falsch zu leeren waren.

Beide Möglichkeiten sind in Ordnung, aber die Javascript-Methode ist viel einfacher zu kontrollieren/zu aktualisieren, und es ist benutzerfreundlicher, da es die Seite nicht aktualisiert.

Quelle

2012-12-19 12:30:43 Naryl

möchte die zuletzt eingegebenen Werte nicht aktualisieren und speichern

Antwort

Verwandte Themen