Проблема в следующем....
На текстовом поле висит обработчик (для ie на propertychange, для остальных на input). В обработчике формы на submit происходит изменение этого текстового поля. Для всех браузеров кроме IE (я так понимаю <=8) срабатывает только обработчик формы и форма отправляется, а в IE (горячо любимый) еще и вызывается обработчик текстового поля перед отправкой. В принципе по моему мнению IE наверно все-таки правильно поступает, как бы мне это не нравилось)))
Решилось удалением обработчика тестового поля перед изменением поля в обработчике submit'а.
Последняя версия:
<html>
<body>
<form name="nameForm">
<input type="text" name="nameInput" onfocus="this.value = this.value"/>
<button value="submit" type="submit">Send</button>
</form>
<script>
(function () {
var el = document.getElementsByName('nameInput')[0];
var frm = document.forms['nameForm'];
if (el.addEventListener) {
el.addEventListener("input", callbackInput, false);
} else if (el.attachEvent) {
el.attachEvent('onpropertychange', callbackInput);
}
if (frm.addEventListener) {
frm.addEventListener("submit", callbackForm, false);
} else if (frm.attachEvent) {
frm.attachEvent('onsubmit', callbackForm);
}
function callbackInput(e) {
var valueOriginal = (e.propertyName === 'value') ? e.srcElement.value : this.value;
var valueWithoutSpaces = valueOriginal.replace(/\D/g, '');
var length = valueWithoutSpaces.length;
var valueWithSpaces = valueWithoutSpaces.substr(0, length < 4 ? length : 4)
+ ((length > 4) ? ' ' + valueWithoutSpaces.substr(4, length < 9 ? length - 4 : 4) : '')
+ ((length > 8) ? ' ' + valueWithoutSpaces.substr(8, length < 12 ? length - 8 : 4) : '')
+ ((length > 12) ? ' ' + valueWithoutSpaces.substr(12, length < 16 ? length - 12 : 4) : '');
if (e.propertyName === 'value' && e.srcElement.value != valueWithSpaces) {
var input = e.srcElement;
input.value = valueWithSpaces;
input.blur();
input.focus();
}
else {
this.value = valueWithSpaces;
}
}
function callbackForm(e) {
if (el.detachEvent) {
el.detachEvent('onpropertychange', callbackInput);
} else {
el.removeEventListener('input', callbackInput, true);
}
el.value = el.value.replace(/\D/g, '');
}
}())
</script>
</body>
</html>