Советы по написанию JavaScript кода от разработчиков Opera

Василий Петрухин — Tue, 07 Nov 2006 16:46:00 GMT

На сайте сообщества разработчиков для браузера Opera опубликована статья Efficient JavaScript с кучей полезных советов. Советую обязательно изучить.

Ошибка в Opera 9.01 при отправке формы с помощью JavaScript

Василий Петрухин — Tue, 12 Sep 2006 20:31:00 GMT

На днях столкнулся с ситуацией, когда браузер Opera 9.01 не отправлял форму при вызове метода submit() из JavaScript. Никаких сообщений об ошибке не выдавалось, но в консоли ошибок появлялось такое сообщение:

JavaScript - http://localhost/test2.aspx
Event thread: click
Error:
Unhandled exception: [Object DOMException]
code: 12
message: SYNTAX_ERR - Form didn't validate in submit()
Backtrace:
  Line 1 of  script
    document.forms[0].username.value = "123456789";
document.forms[0].submit();
  At unknown location
    [statement source code not available]

Из него было понятно только, то что ошибка происходит именно при отправке формы и что она как-то связана с DOM. Ошибка, ошибке рознь, но я хочу рассказать о ней так как ее исправление в моем случае потребовало изменения всего одного символа в html коде. Обычно так просто ошибки не поддаются.

Сама ошибка легко вопроизводится с помощью следующего кода:

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>bug test</title>
</head>
<body>
<form method="get" action="test2.aspx">
<input type="text" name="username" size="7" maxlength="7" value="1">
<input type="button" value="submit me"
onclick="document.forms[0].username.value='123456789'; document.forms[0].submit()">
</form>
</body></html>

Причина ошибки кроется в максимальной длине поля username. Она составляет 7 символов, а скрипт присваивает значение длиной 9 символов, что и приводит к вышеописанной ошибке. Причем если у полю username поставить value="123456789" и добавить обычный submit, то форма отправляется. Решение проблемы, очевидно, в замене maxlength="7" на maxlength="9".

Хочется отметить, что сообщение об ошибке очень плохо составлено и, что хуже, обычному пользователю остается только молча гадать почему страница не работает. Виноват, конечно, программист, но пользователю от этого не легче.