Kotak pengesahan menggunakan JQuery boxy plug-in dalam AspNet

Kotak pengesahan menggunakan JQuery boxy plug-in dalam AspNet_jquery

WBOY

Lepaskan： 2016-05-16 15:58:22

asal

2210 orang telah melayarinya

JQuery mempunyai banyak pemalam kotak pop timbul, dan boxy harus dianggap sebagai satu dengan fungsi dan kesan yang baik. Mari kita lihat rendering dahulu.

Kotak pop timbul Makluman dan Sahkan sering digunakan dalam pembangunan web Pada butang padam dalam Asp.Net, kami sering menambah gesaan pengesahan untuk pemadaman untuk mengelakkan pemadaman data secara tidak sengaja, sama seperti gambar di atas. Kami biasanya menulis kod seperti ini.

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title></title>
   <script type="text/javascript">
     function confirmDel() {
       return confirm("您确认要删除吗？");
     }
  </script>
</head>
<body>
  <form id="form1" runat="server">
    <asp:Button ID="btnDel" runat="server" 
OnClientClick="return confirmDel();" Text="删除" />
  </form>
</body>
</html>

Salin selepas log masuk

Kod di atas sangat mudah akan terdapat dua butang dalam kotak pop timbul sahkan Klik OK untuk mengembalikan benar, dan klik Batal untuk mengembalikan palsu. Terdapat juga kaedah pengesahan dalam pemalam boxy, kod panggilan adalah seperti berikut:

$(document).ready(function() {
  $("#btnDel").click(function() {
    Boxy.confirm("您确认要删除吗？", function() { }, null);
    return false;
  });

});

Salin selepas log masuk

Kaedah pengesahan Boxy mempunyai tiga parameter: kandungan maklumat pengesahan, fungsi panggil balik untuk mengklik OK dalam kotak pop timbul dan beberapa item tetapan seperti tajuk. Jika return false tidak ditambahkan pada kod di atas, kotak timbul akan berkelip, dan kemudian peristiwa yang diperolehi butang padam masih akan dilaksanakan. Dengan penambahan return false, acara latar belakang tidak akan dilaksanakan tanpa mengira sama ada anda mengklik OK atau membatalkan Ini jelas tidak memenuhi keperluan kami Nampaknya kami hanya boleh memikirkan fungsi panggil balik selepas mengklik OK. Anda boleh merangkum pengesahan Boxy dalam fail js awam:

Kod panggilan halaman adalah seperti berikut:

$(document).ready(function() {
  $("#Button1").click(function() { return confirmO(this, "您确认删除吗？") });

});

Salin selepas log masuk

Selepas pengubahsuaian ini, acara pelayan akan dilaksanakan apabila butang OK kotak pop timbul diklik.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.