kzen.dev
Lebih
Question

Hapus formulir setelah pengiriman dengan jQuery

Apa cara termudah untuk menghapus formulir ini setelah refresh. Cara yang telah saya coba akan menghapus formulir tetapi tidak mengirimkan ke database. Bisakah orang lain menjelaskan kepada saya cara terbaik untuk melakukan ini.

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($){
        $("#newsletterform").validate({
            debug: false,
            rules: {
                name: "required",
                email: {
                    required: true,
                    email: true
                }
            },
            messages: {
                name: "Please let us know who you are.",
                email: "A valid email will help us get in touch with you.",
            },
            submitHandler: function(form) {
                // do other stuff for a valid form
                $.post('newsletter.php', $("#newsletterform").serialize(), function(data) {
                    $('#results').html(data);
                });

            }

        });
    });

    </script>

</head>

<div id="content">
    <div id="newsletter-signup">
        <h1>Sign up for News, Updates, and Offers!</h1>
        <form id="newsletterform" action="" method="post">

            <fieldset>

                <ul>
                    <li>
                        <label for="name">Name:</label>
                        <input type="text" name="name" />
                    </li>
                    <li>
                        <label for="email">Email:</label>
                        <input type="text" name="email" />    
                    </li>
                        <div id="results"><div>
                    <li>
                        <input type="submit" value="submit" name="signup" onclick="" />           
                    </li>
                </ul>

            </fieldset>

        </form>           
    </div>
</div>
</html>
reporter
reporter
Pertanyaan edit 2 Januari 2012 в 2:13
Pemrograman
javascript
forms
jquery
Pertanyaan ini memiliki :value jawaban dalam bahasa Inggris, untuk membacanya masuk ke akun Anda.
Solution / Answer

Anda bisa menambahkan ini ke callback dari $.post

$( '#newsletterform' ).each(function(){
    this.reset();
});

Anda tidak bisa memanggil $( '#newsletterform' ).reset() karena .reset() adalah objek form dan bukan objek jquery, atau sesuatu untuk efek itu. Anda dapat membaca lebih lanjut tentang hal itu di sini sekitar setengah jalan ke bawah halaman.

68

coba ini di fungsi callback metode posting Anda

$(':input','#myform')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

untuk info lebih lanjut baca ini

Community
Community
Jawaban edit 23 Mei 2017 в 11:55
1

Mungkin ini akan melakukannya untuk Anda.

 $('input').val('').removeAttr('checked').removeAttr('selected');
1
Related communities 2
JavaScript Indonesia
16 345 pengguna
Grup JavaScript yang membahas JavaScript, framework JS, dan Node JS secara universal. Cek Pinned Message untuk keterangan lebih lanjut. Komunitas ReactJS: https://t.me/react_idn
jQuery Indonesia
374 pengguna
Learning jQuery & Solve Problem