确认后如何重置表格答案

【问题标题】：How to reset the form after confirmation确认后如何重置表格
【发布时间】：2017-12-01 19:51:31
【问题描述】：

此代码是旅行表格，我想在确认后重置所有输入表格（收音机、复选框、文本）。如何强制用户在提交前填写所有输入字段？我希望你能帮助我。亲切的问候。

$(document).ready(function () {
$('#submit').click(function () {

    var a = $('#first').val();
    var b = $('#last').val();
    var c = $('#age').val();
    var d = $('#male').val();
    var e = $('input[name=radAnswer]:checked').attr('id');
    var f = $('input[name=che1]:checked').attr('id');
    var z = [];

    if ($('#Vegetarian').is(':checked'))
        z.push($('#Vegetarian').val());

    if ($('#Kosher').is(':checked'))
        z.push($('#Kosher').val());

    if ($('#Masters').is(':checked'))
        z.push($('#Masters').val());

    $.confirm({
        animation: 'news',
        closeAnimation: 'news',
        theme: 'supervan',
        title: 'Confirm! Are you sure to Continue?',
        content: "First name: " + "&nbsp" +
            a + "<br>" + "Last name: " + "&nbsp" + b + "<br>" + "Age: " + 
"&nbsp" + c + "<br>" + "Gender: " + "&nbsp" + e + "<br>" + "Traveling to: " 
+ "&nbsp" + f + "<br>" + "Food type: " + "&nbsp" + z,

        buttons: {
            confirm: function () {
                $.alert('Confirmed!<br><br>Kind Regards.');
            },
            cancel: function () {
                $.alert('You Canceled!!!, Travel to Hell :)');
            }
        }
    });

【问题讨论】：

标签： javascript jquery forms

【解决方案1】：

对于您的重置问题，您可以查看：http://api.jquery.com/reset-selector/ TL;DR-$('#yourFormId').trigger("reset"); 至于验证，您可以通过将required 属性添加到每个输入字段来防止提交表单。例如<input type="text" name="name" required>。你，这取决于你在 HTML 中的表单标记。

【讨论】：

@ahmed.fager 你能提供你的HTML代码吗？

【解决方案2】：

对于文本输入，您可以使用$.val("")。对于复选框和单选按钮，请使用$.attr("checked", false)

您可以将其添加到您希望它清除输入的代码中：

$("input[type='text']").val("");
$("input[type='radio'],input[type='checkbox']").attr("checked", false);

如果您将表单与 AJAX 脚本结合使用，请确保在发送输入后清除输入。

【讨论】：

$("#first").val(""); $("#last").val(""); $("#age").val(""); document.getElementById("Male").checked = false; document.getElementById("Female").checked = false; document.getElementById("伊斯坦布尔").checked = false; document.getElementById("New York").checked = false; document.getElementById("哥斯达黎加").checked = false; document.getElementById("素食").checked = false; document.getElementById("Kosher").checked = false; document.getElementById("Masters").checked = false;
非常感谢您的帮助，也感谢所有试图帮助我的人。

【解决方案3】：

要重置表单，请使用$('formElementId').reset()。为防止表单提交，请将required 属性放在输入上，并使用$('formElementId').submit(//put your handler here) 而不是click。

【讨论】：