<script type="text/javascript">
jQuery(function($) {
$("#ID").mask("8 (999) 999-99-99");
});
</script>
Маска ввода в полях формы на jQuery:
найти в интернете Masked input, подключить его, далее нужно создать маску, и передать в нее необходимые параметры:
ID посмотрите в коде <input id="ID"....> - поле ввода номера телефонаКод:<script type="text/javascript"> jQuery(function($) { $("#ID").mask("8 (999) 999-99-99"); }); </script>
В интернете полно информации по маскам, почитайте...
<div class="control-group">
<label class="control-label" for="phoneMobile"><?php _e('Cell phone', 'modern') ; ?></label>
<div class="controls">
<?php UserForm::mobile_text() ; ?>
</div>
</div>
<div class="control-group">
<label class="control-label" for="name"><?php _e('Name', 'bender'); ?></label>
<div class="controls">
<?php UserForm::name_text(); ?>
</div>
</div>
<div class="control-group">
<label class="control-label" for="email"><?php _e('E-mail', 'bender'); ?></label>
<div class="controls">
<?php UserForm::email_text(); ?>
</div>
</div>
<div class="control-group">
<label class="control-label" for="password"><?php _e('Password', 'bender'); ?></label>
<div class="controls">
<?php UserForm::password_text(); ?>
</div>
</div>
<div class="control-group">
<label class="control-label" for="password-2"><?php _e('Repeat password', 'bender'); ?></label>
<div class="controls">
<?php UserForm::check_password_text(); ?>
<p id="password-error" style="display:none;">
<?php _e("Passwords don't match", 'bender'); ?>
</p>
</div>
</div>
<div class="control-group">
<label class="control-label" for="phoneMobile"><?php _e('Cell phone', 'bender') ; ?></label>
<div class="controls">
<?php UserForm::mobile_text() ; ?>
</div>
</div>
<script type="text/javascript">
jQuery(function($) {
$("s_phone_mobile").mask("8 (999) 999-99-99");
});
</script>
<body>
<script type="text/javascript">
$(function(){
$("#date").mask("99/99/9999");
$("#phone").mask("(999) 999-9999");
$("#phoneext").mask("(999) 999-9999? x99999");
$("#tin").mask("99-9999999");
$("#ssn").mask("999-99-9999");
$("#product").mask("a*-999-a999");
$("#eyescript").mask("~9.99 ~9.99 999");
});
</script>
<table border="0">
<tbody>
<tr>
<td>Date</td>
<td><input id="date" type="text" tabindex="1"></td>
<td>99/99/9999</td>
</tr>
<tr>
<td>Phone</td>
<td><input id="phone" type="text" tabindex="3"></td>
<td>(999) 999-9999</td>
</tr>
<tr>
<td>Phone + Ext</td>
<td><input id="phoneext" type="text" tabindex="4"></td>
<td>(999) 999-9999? x99999</td>
</tr>
<tr>
<td>Tax ID</td>
<td><input id="tin" type="text" tabindex="5"></td>
<td>99-9999999</td>
</tr>
<tr>
<td>SSN</td>
<td><input id="ssn" type="text" tabindex="6"></td>
<td>999-99-9999</td>
</tr>
<tr>
<td>Product Key</td>
<td><input id="product" type="text" tabindex="7"></td>
<td>a*-999-a999</td>
</tr>
<tr>
<td>Eye Script</td>
<td><input id="eyescript" type="text" tabindex="8"></td>
<td>~9.99 ~9.99 999</td>
</tr>
</tbody>
</table>
</body>
</html>
<script src="/oc-content/themes/bender/js/mask.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($) {
$("#phoneNumber").mask("8 (999) 999-99-99");
});
</script>
Спасибо за наводку.Файрбаг такое выдал:
Код:ReferenceError: jQuery is not defined http://photobaraholka.ru/oc-content/themes/bender/js/mask.js Line 8
Попробуйте использовать последнюю версию jQuery.
<script type="text/javascript">
jQuery(function($) {
$("#phoneNumber").mask("8 (999) 999-99-99");
});
</script>
<script type="text/javascript" src="http://photobaraholka.ru/oc-includes/osclass/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="http://photobaraholka.ru/oc-includes/osclass/assets/js/jquery-ui.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$("#phoneNumber").mask("8 (999) 999-99-99");
$("#meta_phonenumber").mask("8 (999) 999-99-99");
});
</script>