2016-08-01 18 views
0

Ich versuche, Eingabefelder zu löschen, nachdem ich ein Formular einreichen, aber es nur Klartext, aber ich brauche, dass Grenze und einige Attribute seinklare Eingabefelder nach Formular

// Validierung Namen

document.questionform.name.onchange= function() { 
      var name = document.questionform.name.value; 
      if (name === "") { 
       document.questionform.name.removeAttribute("class", "ready"); 
       document.questionform.name.style.border = "1px solid #da3637"; 
       document.getElementById("questionError").style.display = "block"; 
       document.getElementById("questionErrorTwo").style.display = "none"; 
      } else { 
        document.questionform.name.style.border = "1px solid #509d12"; 
        document.getElementById("questionError").style.display = "none"; 
        var pattern = new RegExp("^[а-я]+$", "i"); 
        var isValid = this.value.search(pattern) >= 0; 
        if (!(isValid)) { 
         document.questionform.name.style.border = "1px solid #da3637"; 
         document.getElementById("questionErrorTwo").style.display = "block"; 
         document.questionform.name.removeAttribute("class", "ready"); 
        } else { 
         document.getElementById("questionErrorTwo").style.display = "none"; 
         document.questionform.name.style.border = "1px solid #509d12"; 
         document.questionform.name.setAttribute("class", "ready"); 
        } 
      } 
     }; 

Ajax:... $ ("# questionsave") klicken (function() {

var url = "questionForm.php"; 

    $.ajax({ 
      type: "POST", 
      url: url, 
      data: $("#questform").serialize(), 
      success: function(data) 
      { 
       var name = $('input[name=name]').val(""); 
       var tel = $('input[name=phone]').val(""); 
       document.questionform.phone.removeAttribute("class", "ready"); 
       document.questionform.name.removeAttribute("class", "ready"); 
       document.getElementById("questionsave").setAttribute("disabled"); 
       document.getElementById("questionsave").style.cursor = "not-allowed"; 
       document.getElementById("questionsave").style.opacity = "0.8"; 
       document.questionform.name.style.borderColor = "#e4e4e6"; 
       document.questionform.phone.style.borderColor = "#e4e4e6"; 
      } 
     }); 

    return false; 
    }); 
+0

die Seite neu laden nach einreichen? – guradio

+0

ja nach submit, in meinem Code löscht es nur Text –

+0

higlight diese irgendwie genau execpt Text Sie sagen, ist nicht entfernt, falls dieses Problem noch besteht – Thielicious

Antwort

0

ich bin nicht sicher, was Sie versuchen Nachdem Formular senden Sie das Formular bereits zurückgesetzt Es behält seine va lue, wenn Sie Ajax verwenden. In diesem Fall wird dieser versuchen:

$('#form_id')[0].reset(); 
+0

Ich versuchte Ihr Beispiel, es löscht nur Text auch –

0

id Geben Sie für Ihre form und verwenden diese,

document.getElementById("formId").reset(); 
Verwandte Themen