четкие поля ввода после того, как отправить форму

Question

Я пытаюсь очистить поля ввода после отправки формы, но только четкий текст, но мне нужно, что границы и некоторые атрибуты будут слишком

// имя проверки

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") нажмите (функция() {

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; 
    }); 

Answer 1

Я не уверен, что вы пытаетесь После отправки формы формы уже сброс Он сохраняет свою в lue, когда вы используете ajax. В этом случае попробуйте следующее:

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

Answer 2

Дайте id для вашего form и использовать это,

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