Személyes eszközök
Keresés

 

A InfoWiki wikiből

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
/*****************************************************************/
/* Page Name            : Input Mask (Jquery_maskedInput)        */
/* Author               : Meszlényi Tamás                        */
/* Site                 : http://staticmedia.hu                  */
/* Email                : tomizej@gmail.com                      */
/*_______________________________________________________________*/
/* Copyright (c) 2009 Staicmedia All rights reserved.            */
/*****************************************************************/
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Űrlap maszkolt beviltel</title>
<script src="jquery-1.3.js" type="text/javascript"></script>
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
 
<script> //Maszk definíciók
jQuery(function($){
   $("#name").mask("aaaaaaaaaaaaaaa",{placeholder:" "});
   $("#date").mask("9999.99.99");
   $("#tel").mask("(+99) 99/999-9999");
   $("#bank").mask("99999999-99999999-99999999");
   $("#serial").mask("**** - aaaa - 9999");
});
</script>
 
</head>
<body>
 
<form action="#">
<table width="500px" cellspacing="10">
<caption>Beviteli maszk (JQuery_maskedInput)</caption>
<tr><td>Név: </td><td><input type="text" name="nev" size="30px"></td><td></td></tr>
<tr><td>Dátum:</td><td><input type="text" name="date" id="date" size="30px"></td><td>ÉÉÉÉ/HH/NN</td></tr>
<tr><td>Telefonszám: </td><td><input type="text" name="tel" id="tel" size="30px"></td><td>(+99) 99/999-9999</td></tr>
<tr><td>Bankszámlaszám: </td><td><input type="text" name="bank" id="bank" size="30px"></td><td>99999999-...</td></tr>
<tr><td>Sorszám: </td><td><input type="text" name="serial" id="serial" size="30px"></td><td>(a-Z, 0-9)</td></tr>
 
</table>
 
<!--Nyugtázó üzenet Script-->
<SCRIPT LANGUAGE="JavaScript">
function MsgBox (textstring) {
alert ("Tisztelt " + textstring + "! " + "Adatait sikeresen tároltuk!") }
</SCRIPT>
<input type="submit" value="Küldés" onClick="MsgBox(form.nev.value)">
</form>
 
</body>
</html>
A lap eredeti címe: „http://wiki.ektf.hu/wiki/Cgi-ea/mask
Nézetek
nincs sb_35.172.224.102 cikk