Как очистить данные формы jquery?

Question

Я хочу очистить все входные данные формы после отправки всех входных данных в php-файл, как я могу очистить эти данные с помощью функции jquery?

Answer 1

Вы можете прослушать представить событие, а затем очистить значения каждого входа, как показано ниже:

$('#form').submit(function() { 
 
    $(this)[0].reset(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="form"> 
 
    <input type="text" /> 
 
    <input type="submit" /> 
 
</form>

Answer 2

document.querySelector(".name").value = ""; 

<form class="form"> 
    <input type="text" class="name"/> 
    <input type="submit" value="Send" class="submit"/> 
</form> 

Затем входное значение будет всегда пусто

Answer 3

Это должно работать ...

$('form').on('submit', function() { 
 
    var children = $(this).children() 
 
    children.each(function(i, el) { 
 
    if ($(el).attr('type') === 'checkbox') return $(el).removeAttr('checked') 
 
    $(el).val(null) 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" /> 
 
    <br> 
 
    <input type="text" /> 
 
    <br> 
 
    <input type="checkbox" />iphone 
 
    <input type="checkbox" />Android 
 
    <br> 
 
    <input type="radio" name="gender" value="male" checked>Male 
 
    <br> 
 
    <input type="radio" name="gender" value="female">Female 
 
    <br> 
 
    <input type="radio" name="gender" value="other">Other 
 
    <br> 
 
    <select> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
    </select> 
 
    <br> 
 
    <button type="submit"> submit </button> 
 
</form>

Answer 4

попробовать этот

$(document).ready(function(){ 
    $('#submit').click(function(){ 
    $('#my_form').find("input[type=text]").val(""); 
    }); 
});