ASP.NET & JQuery Tips (#3)

Pada tips kali ini kita akan membatasi agar user tidak dapat melakukan perintah cut/copy/paste pada textbox. Pada contoh script dibawah ini kita akan mencoba membatasi user yang akan melakukan copy paste pada textbox password.

1. Buat Web Form dengan nama DisallowCopy.aspx, kemudian tambahkan kode berikut:

clip_image002

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DisallowCopy.aspx.cs" Inherits="DisallowCopy" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>

<html xmlns="http://www.w3.org/1999/xhtml&quot;>
<head runat="server">
    <title>Membatasi Perintah Cut, Copy, dan Paste</title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(
            function () {
                $('#<%=txtNew.ClientID %>').bind('cut copy paste', function (e) {
                    e.preventDefault();
                    alert("Perintah Cut, Copy, dan Paste tidak diijinkan untuk digunakan !");
                });
                $('#<%=txtConfirm.ClientID %>').bind('cut copy paste', function (e) {
                    e.preventDefault();
                    alertalert("Perintah Cut, Copy, dan Paste tidak diijinkan untuk digunakan !");
                });
            }
        );
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div style="text-align:center;">
        <fieldset><br />
            <label for="txtCurrent">Current Password :</label><br />
            <asp:TextBox ID="txtCurrent" TextMode="Password" runat="server" /><br /><br />

            <label for="txtNew">New Password :</label><br />
            <asp:TextBox ID="txtNew" TextMode="Password" runat="server" /><br /><br />

            <label for="txtConfirm">Confirm New Password :</label><br />
            <asp:TextBox ID="txtConfirm" TextMode="Password" runat="server" /><br /><br />

            <asp:Button ID="btnSubmit" Text="Submit" runat="server" />&nbsp;
            <asp:Button ID="btnReset" Text="Reset" runat="server" /><br /><br />
        </fieldset>
    </div>
    </form>
</body>
</html>

2. Untuk mendisable perintah cut, copy, dan paste dapat digunakan method preventDefault().

3. Jalankan web page diatas, kemudian coba masukan nila pada New Password atau Confirm New Password, dan cobalah untuk melakukan copy, cut, atau paste, maka akan ditampilkan pesan kesalahan.

clip_image003

One thought on “ASP.NET & JQuery Tips (#3)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s