Javascript 如何在确认后重置表单

Javascript 如何在确认后重置表单,javascript,jquery,forms,Javascript,Jquery,Forms,此代码是一个旅行表单,我想在确认后重置所有输入表单(收音机、复选框、文本)。 如何强制用户在提交前填写所有输入字段? 我希望你能帮助我。亲切的问候 $(document).ready(function () { $('#submit').click(function () { var a = $('#first').val(); var b = $('#last').val(); var c = $('#age').val(); var d = $('#male

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

$(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 :)');
            }
        }
    });
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
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=[];
如果($(“#素食者”)。是(“:选中”)
z、 推送($(“#素食者”).val();
如果($(“#犹太教”)是(“:选中”)
z、 推送($('#犹太教'.val());
如果($('#Masters')。是(':checked'))
z、 推送($('#Masters').val());
美元。确认({
动画:"新闻",,
closeAnimation:'新闻',
主题:"超级货车",,
标题:“确认!确定要继续吗?”,
内容:“名字:”+“ ”+
a+“
”+”姓氏:“+”+b+”
“+”年龄:“+ “+c+”
“+”性别:“+”+e+”
“+”前往: +“+f+”
“+”食品类型:“+”+z, 按钮:{ 确认:函数(){ $.alert('确认!

亲切问候'); }, 取消:函数(){ $.alert('你取消了!!!,去地狱旅行:); } } });

有关重置问题,您可以查看: 太长了,读不下去了,代码> > $(‘YouFuffID’)。触发器(“重置”);<代码> 至于验证,您可以通过在每个输入字段中添加
required
属性来阻止提交表单。例如

这取决于HTML中的表单标记。

对于文本输入,可以使用
$.val(“”
)。对于复选框和单选按钮,可以使用
$.attr(“选中”,false)

您可以将其添加到代码中,以清除输入:

$("input[type='text']").val("");
$("input[type='radio'],input[type='checkbox']").attr("checked", false);
如果将表单与AJAX脚本一起使用,请确保在发送表单后清除输入。

要重置表单,请使用
$('formElementId').reset()

要防止表单提交,请在输入上放置
必需的
属性,并使用
$('formElementId')。提交(//将处理程序放在此处)
而不是
单击
(“#第一”).val(“#最后”).val(“#最后”).val(“;$(“#年龄”).val(”);document.getElementById(“男性”).checked=false;document.getElementById(“女性”).checked=false;document.getElementById(“伊斯坦布尔”).checked=false;document.getElementById(“纽约”).checked=false;document.getElementById(“哥斯达黎加”).checked=false;document.getElementById(“素食者”).checked=false;document.getElementById(“犹太”).checked=false;document.getElementById(“大师”).checked=false;非常感谢您的帮助,感谢所有试图帮助我的人。@ahmed.fager您能提供您的HTML代码吗?