Всем привет. В данной статье я хотел бы Вам рассказать, как сделать ввод в текстовое поле только цифр. Ну скажем Вам понадобится узнавать от пользователей номер телефона или вводить в поле номер товара, состоящий только из цифр. Тут к нам приходит магический javascript. Расскажу все поэтапно. 1. Между тегами <head> и </head> вставить следующее:
<script type="text/javascript">
function validate(evt) {
var theEvent = evt || window.event;
var key = theEvent.keyCode || theEvent.which;
key = String.fromCharCode( key );
var regex = /[0-9]|\./;
if( !regex.test(key) ) {
theEvent.returnValue = false;
if(theEvent.preventDefault) theEvent.preventDefault();
}
}
</script>
2. В input вставить код: onkeypress="validate(event)"
3. Радоваться. В итоге инпут должен выглядеть примерно вот так: <input type="text" name="name" onkeypress="validate(event)" id="id" />
Этот код позволяет вводить не только цифру, но и точку. Это скажем полезно для PHP. Ну например надо будет сделать подсчетную форму, в которой можно будет вводить дробные значения. Если ввести два числа через запятую, то PHP и посчитает их как два абсолютно разных числа. А логика русского человека вводить не точку, а запятую. Поэтому я думаю этот Js сценарий облегчит многим жизнь.
|