Маска ввода в input

[covex1]

Можно ли как-то сделать маску ввода для поля input?
Ну скажем номер телефона с префиксом (xxx)xxx-xx-xx
На чем это вообще можно реализовать для веба?

[Меняздесьдавнонет]

а что - у тебя много вариантов? Яваскрипт

[covex1]

Понятно что "голый" HTML с этим не справиться. Яваскрипт для меня темный лес. Может есть место в инете где можно посмотреть как это работает?

[Xander]

на этом сайте есть форум по яваскрипту
поищи, может там что подходящее найдется

P.S. тему переношу туда

[CGVictor]

covex1
RomikChef
Я бы предложил на onSubmit вешать обработчик с регекспом...

[covex1]

Решение найдено:



Сам код javascript:
var dFilterStep

function dFilterStrip (dFilterTemp, dFilterMask)
{
dFilterMask = replace(dFilterMask,\'#\',\'\');
for (dFilterStep = 0; dFilterStep < dFilterMask.length++; dFilterStep++)
{
dFilterTemp = replace(dFilterTemp,dFilterMask.substring(dFilterStep,dFilterStep+1),\'\');
}
return dFilterTemp;
}

function dFilterMax (dFilterMask)
{
dFilterTemp = dFilterMask;
for (dFilterStep = 0; dFilterStep < (dFilterMask.length+1); dFilterStep++)
{
if (dFilterMask.charAt(dFilterStep)!=\'#\')
{
dFilterTemp = replace(dFilterTemp,dFilterMask.charAt(dFilterStep),\'\');
}
}
return dFilterTemp.length;
}

function dFilter (key, textbox, dFilterMask)
{
dFilterNum = dFilterStrip(textbox.value, dFilterMask);
if (key>95&&key<106) //fixes keypad input
{
key=key-48
}
if ((key==9) || (key==13)) // fixes tab and enter keys
{
return true;
}
if (key==46)// delete key erases the whole field
{
dFilterNum = dFilterStrip(\'\', dFilterMask);
}

if (document.selection.createRange().text.length==dFilterMask.length) //erase the whole field if selected
{
dFilterNum = dFilterStrip(\'\', dFilterMask);
dFilterNum = dFilterNum+String.fromCharCode(key);
}
else if (key==8&&dFilterNum.length!=0)
{
dFilterNum = dFilterNum.substring(0,dFilterNum.length-1);
}
else if ( ((key>47&&key<58)||(key>95&&key<106)) && dFilterNum.length{
dFilterNum=dFilterNum+String.fromCharCode(key);
}

var dFilterFinal=\'\';
for (dFilterStep = 0; dFilterStep < dFilterMask.length; dFilterStep++)
{
if (dFilterMask.charAt(dFilterStep)==\'#\')
{
if (dFilterNum.length!=0)
{
dFilterFinal = dFilterFinal + dFilterNum.charAt(0);
dFilterNum = dFilterNum.substring(1,dFilterNum.length);
}
else
{
dFilterFinal = dFilterFinal + "";
}
}
else if (dFilterMask.charAt(dFilterStep)!=\'#\')
{
dFilterFinal = dFilterFinal + dFilterMask.charAt(dFilterStep);
}
// dFilterTemp = replace(dFilterTemp,dFilterMask.substring(dFilterStep,dFilterStep+1),\'\');
}


textbox.value = dFilterFinal;
return false;
}

function replace(fullString,text,by) {
// Replaces text with by in string
var strLength = fullString.length, txtLength = text.length;
if ((strLength == 0) || (txtLength == 0)) return fullString;

var i = fullString.indexOf(text);
if ((!i) && (text != fullString.substring(0,txtLength))) return fullString;
if (i == -1) return fullString;

var newstr = fullString.substring(0,i) + by;

if (i+txtLength < strLength)
newstr += replace(fullString.substring(i+txtLength,strLength),text,by);

return newstr;
}

[CGVictor]

covex1
Что-то обьективно [off]до хрена[/off]...

onSubmit="return forms[\'form\'].elements[\'element\'].value.match(regexp);"

Что скажут отцы форума?

[covex1]

Решение не претендовало на лавры  "сестры таланта"

[Меняздесьдавнонет]

он сабмит - некрасиво.
вроде бы, задача была сделать на лету.

[Xander]

covex1
Скрипт подозрительно длинный. Проверь как следует, делает ли он именно то что нужно, всегда ли он это делает, и всегда ли правильно. По себе знаю, что неприятно вводить данные, если их формат чересчур строг и неочевиден.

[covex1]

Вроде посмотрел результат. Пускает только одни цифры, результирующий вид получается строго по шаблону, передает значение поле вместе с шаблоном.
Скрипт найден на http://javascript.internet.com/forms/dfilter.html

Самого напрягло размерность ну и "вес" около 2 кб. Но клиент хочет видеть как надо нужную строчку, когда ее заполняет.
Ввиду того что java script для меня темный лес, это единственное решение которое нашел на просторах инета.

[Xander]

а он телефоны типа (01234)19-15-20 нормально воспринимает?

[covex1]

Как маску сделаешь так и будет воспринимать

[Xander]

CGVictor
Если умеешь - напиши регексп, а?

Я что-то начал пробовать, да не выходит:



Говорит - false. В чем затык - в упор не понимаю.

[Xander]

covex1
это я к тому, что в общем случае (###)###-##-## - негодная маска. Ну, дело твое.