GoldenLine
Zaloguj się
Olga Grabek

Olga Grabek Senior Software
Engineer

Temat: Event.observe is not a function

Ze względu na to, że programuję w Cake'u zaczynam używać Prototype. Mam napisany taki skrypt, który waliduje mi pole w formularzu:



Event.observe(window, 'DOMContentLoaded',function()

{



	Event.observe('ArticleAddForm','submit',checkTitleNoEmpty,false);



});



function checkTitleNoEmpty(event)

{

		

	if($F('ArticleTitle') == '')

	{

		Event.stop(event);

		$('js-errors').innerHTML = 'Nazwa artykułu nie może być pusta';

		$('js-errors').show();

		$('ArticleTitle').focus();

	}

}


Kod działa, ale Firebug rzuca mi błędem:

Event.observe is not a function

Jak to poprawić, by uspokoić Firebug'a?
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: Event.observe is not a function

Blad lezy poza wskazanym fragmentem, proof of concept:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>checkTitleNoEmpty</title>

		<script src="prototype-1.6.0.2.js" type="text/javascript"></script>

		<script type="text/javascript">

			Event.observe(window, 'DOMContentLoaded',function()

			{

				Event.observe('ArticleAddForm','submit',checkTitleNoEmpty,false);

			});



			function checkTitleNoEmpty(event)

			{				if($F('ArticleTitle') == '')

				{

					Event.stop(event);

					$('js-errors').innerHTML = 'Nazwa artykułu nie może być pusta';

					$('js-errors').show();

					$('ArticleTitle').focus();

				}

			}

		</script>

	</head>

	<body>

		<div id="js-errors"></div>

		<form action="" id="ArticleAddForm" method="get">

			<ul>

				<li>

					<label for="ArticleTitle">Tytuł</label><input class="text" id="ArticleTitle" name="ArticleTitle" />

				</li>

			</ul>

			<p>

				<input type="submit" value="fire checkTitleNoEmpty »">

			</p>

		</form>

	</body>

</html>
Krzysztof Safjanowski edytował(a) ten post dnia 09.10.08 o godzinie 23:03
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

TypeError: $(...).easytabs ...




Wyślij zaproszenie do
Anuluj