0
0
0
دانلود سورس صفحه کلید مجازی با jquery
دانلود سورس صفحه کلید مجازی با jquery
در این پست سورس کامل صفحه کلید مجازی و صفحه کلید اعداد را با jquery را برای شما آماده کرده ایم.
برای امنیت یک وب سایت روش های زیادی وجود دارد از قبیل رمزنگاری کلمه عبور، رمزنگاری session ها و ... و یکی دیگر از روش های امنیت در وب سایت استفاده از صفحه کلید مجازی می باشد.
صفحه کلید مجازی که سورس آن را برای شما قرار دادیم یکی از کامل ترین و همچنین با گرافیک بالا که با استفاده از jquery نوشته شده است.
شما می توانید با استفاده از این برنامه در هر کجای وب ساییتان که نیاز به صفحه کلید دارید برای مثال موقعی که کاربر رمز عبور خودش را وارد می کند یا در هر جایی که ورود کاراکترها توسط کاربر نیاز به امنیت دارد می توانید از این کد استفاده کنید.
کد برنامه
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Virtual Keyboard Example</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="Content/keyboard.css" rel="stylesheet" />
<script type="text/javascript" src="JScript/jquery.keyboard.js"></script>
<script src="JScript/jquery.keyboard.extension-typing.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#txtkeyboard').keyboard({
autoAccept: true
})
.addTyping();
$('#txtNumkeyboard').keyboard({
layout: 'num',
restrictInput: true,
preventPaste: true,
autoAccept: true
})
.addTyping();
});
</script>
</head>
<body>
<table>
<tr>
<td><b>Keyboard Text:</b></td>
<td> <input type="text" id="txtkeyboard" /></td>
</tr>
<tr>
<td><b>Numberpad Text:</b></td>
<td><input type="text" id="txtNumkeyboard" /></td>
</tr>
</table>
</body>
</html>
این مطلب را به اشتراک بگذارید...
نظر / سوال