Capítulo 17

Formulários - disabled

JavaScript

<script type="text/javascript">
window.onload = function() {
	var fdemo = document.getElementById("fdemo");
	var EventUtil = {
	addHandler: function(element, type, handler) {
		if(element.addEventListener) {
			element.addEventListener(type, handler, false);
		} else if (element.attachEvent) {
			element.attachEvent("on" + type, handler);
		} else {
				element["on" + type] = handler;
		}
	},
	getEvent: function(event) {
		return event ? event : window.event;
	},
	getTarget: function(event) {
	return event.target || event.srcElement;
	}
}
EventUtil.addHandler(fdemo, "submit", function(event) {
	event = EventUtil.getEvent(event);
	alvo = EventUtil.getTarget(event)
	botaoEnvio = alvo.elements["ok"]
	botaoEnvio.disabled = true;
});
}
</script>

HTML

...
<form  action="http://www.maujor.com"  id="fdemo" method="get">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" />
<label for="email" >Email:</label>
<input type="text" id="email" name="email"  />
<input type="submit" value="OK" id="ok" name="ok" />
</form>
...