acara borang jQ...LOGIN

acara borang jQuery submit() acara

serahkan acara

Definisi dan penggunaan

Apabila borang diserahkan, acara serah berlaku.

Acara ini hanya terpakai untuk elemen bentuk.

Kaedah submit() mencetuskan acara serah, atau menentukan fungsi untuk dijalankan apabila acara serah berlaku.

Sintaks

$('').submit()

Mari kita analisa secara terperinci, lihat kod di bawah

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <form action="#" method="post" name="form">
        用户名:<input type="text" placeholder="请输入用户名"></br></br>
        用户名:<input type="password" placeholder="请输入密码"></br></br>
        <input type="submit" value="提交">
    </form>

</body>
</html>

Seperti yang ditunjukkan dalam kod di atas, borang kami tidak menambah acara, tetapi ia akan diserahkan ke tempat secara lalai, iaitu apabila kami mempelajari bahasa skrip PHP nanti, kami akan memproses borang

Jadi bagaimana kita boleh menambahkannya di sini? Halaman diproses pada bahagian pelanggan, maka saya memerlukan beberapa kod jquery untuk memproses borang

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <form action="#" method="post" name="form">
        用户名:<input type="text" placeholder="请输入用户名"></br></br>
        用户名:<input type="password" placeholder="请输入密码"></br></br>
        <input type="submit" value="提交">
    </form>

    <script>
        $('form').submit(function(){
            alert('error');
        })
    </script>
</body>
</html>

Seperti yang ditunjukkan dalam kod di atas, kami menyerahkan borang, klik butang, mencetuskan acara serah, dan muncul mesej ralat, seperti ini Kami boleh memproses borang pada halaman ini, seperti peraturan nama pengguna dan peraturan kata laluan Jika ia tidak dipenuhi, borang tidak akan diserahkan ke halaman lain untuk pemprosesan

bahagian seterusnya
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>submit</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <form action="#" method="post" name="form"> 用户名:<input type="text" placeholder="请输入用户名"></br></br> 用户名:<input type="password" placeholder="请输入密码"></br></br> <input type="submit" value="提交"> </form> <script> $('form').submit(function(){ alert('error'); }) </script> </body> </html>
babperisian kursus