Ни чего у меня не получилось... :(
Я уже пробовал описание как в этом уроке:
https://www.youtube.com/watch?v=Ds8CX0yKbYs (вроде бы всё понятно, но не работает должным образом... Точнее вообще не работает :( Попытался разобраться с плагином:
https://github.com/andr-04/inputmask-multi такая же петрушка... Видимо делаю что то не так, а что понятия не имею... По видеоуроку, я писал скрипт прям в index.html быть может вовсе не там писать надо? Или быть может в jsфайле надо что то менять.. код обработчика как то дорабатывать надо? Вот кстати и обработчик:
$(".forms").submit(function(){
$.ajax({
type:"POST",
url:"mail.php",
data:$(this).serialize()
}
).done(function(){
alert("Спасибо за заявку! Специалист свяжется с вами в ближайшее время.");
setTimeout(function(){
$.magnificPopup.close();$(".forms").trigger("reset");
}
,1000);});
return false;});
Вот так у меня реализованы инпуты:
<label><span>Ваше имя:</span>
<input type="text" name="name" required></label>
<label><span>Ваш телефон:</span>
<input type="$sitename" name="phone" required></label>
<label><span>Ваше имя:</span>
<input type="text" name="name" required></label>
<label><span>Ваш телефон:</span>
<input type="text" name="phone" required""></label>
<label><span>Ваше имя:</span>
<input type="text" name="name" required></label>
<label><span>Ваш телефон:</span>
<input type="text" name="phone" required></label>
Задавал им ID но зезультата увы не достиг :(
По видео уроку, такой код получился:
<script>
function clearVal (val, limit) {
var clearVal = val.replase(/[^\d]+/g, '');
if( newVal == '') {
return false;
}else{
return newVal.substring(0, limit);
}
}
function getResString (newVal) {
var res = '';
for(var i = 0; i < newVal.length; i++) {
if( i == 3 ){
res += ' ';
res += newVal.charAt(i);
}else if( i == 6 || i== 8) {
res += '-';
res += newVal.charAt(i);
}else{
res += newVal.charAt(i);
}
}
}
$(function(){
$('#phone') .on ('input', function(){
var val = $(this).val(),
limit = 10;
if( val =='' ) return;
console.iog(val);
var newVal = clearVal(val);
if(!newVal) {
${this} . val('');
return;
}
var res = getResString(newVal);
$(this).val(res);
});
});
</script>
Пожалуйста скажите, что сделать, что б всё заработало согласно моим хотелкам?
Средний
