確認後フォームをリセットする方法

このコードはトラベルフォームです。確認後にすべての入力フォームをリセットします（ラジオ、チェックボックス、テキスト）。投稿する前にすべての入力フィールドにユーザーを入力させる方法を教えてください。私があなたを助けてくれることを願っています。敬具。あなたが見ることができるお使いのリセット問題については確認後フォームをリセットする方法

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

出典

2017-12-01 ahmed.fager

テキスト入力の場合は、$.val("")を使用できます。チェックボックスとラジオボタンの場合、あなたはそれが入力をクリアする場所あなたはあなたのコードにこれを追加することができます$.attr("checked", false)

を使用します。

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

あなたがAJAXスクリプトと一緒にフォームを使用している場合は、作りますそれが送信された後に入力をクリアすることを確認してください。

出典

2017-12-01 20:01:11 vqdave

$（ "＃first"）。）; $（ "＃age"）; document.getElementById（ "Male"）。checked = false;document.getElementById（ "Female"）。checked = false; document.getElementById（ " "イスタンブール"）。チェック= false; document.getElementById（ "New York"）。checked = false; document.getElementById（ "Costa Rica"）checked = false; document.getElementById（ "Vegetarian"）。checked = false; document.getElementById（ "Kosher"）。checked = false; document.getElementById（ "マスター"）。checked = false; –

ありがとうございましたありがとうございました。みんなありがとうございました。 –

：http://api.jquery.com/reset-selector/ TL; DR - 検証について$('#yourFormId').trigger("reset"); は、各入力フィールドにrequired属性を追加して、フォームを提出防ぐことができます。例えば<input type="text" name="name" required>。あなたのHTMLのフォームマークアップによって異なります。

出典

2017-12-01 19:58:48 DSCH

必要であれば成功しませんでした:( –

@ ahmed.fagerあなたのHTMLコードを提供していただけますか？ – DSCH

フォームをリセットするには$('formElementId').reset()を使用してください。フォームの送信を防止するには、入力にrequired属性を入力し、clickの代わりにを使用します。

出典

2017-12-01 20:34:31

確認後フォームをリセットする方法

答えて

関連する問題