确认后如何重置表格

Question

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

$(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 :)');
            }
        }
    });

Answer 1

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

Answer 2

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

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

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

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

Answer 3

要重置表单，请使用$('formElementId').reset()。 要阻止表单提交，请在输入中添加required属性，并使用$('formElementId').submit(//put your handler here)代替click。