rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<!--
/*
* Really easy field validation with Prototype
* http://tetlaw.id.au/view/blog/really-easy-field-validation-with-prototype
* Andrew Tetlaw
* Version 1.5.3 (2006-07-15)
*
* Copyright (c) 2006 Andrew Tetlaw
* http://www.opensource.org/licenses/mit-license.php
*/
-->
<head>
<script src="prototype.js" type="text/javascript"></script>
<script src="effects.js" type="text/javascript"></script>
<script type="text/javascript" src="fabtabulous.js"></script>
<script type="text/javascript" src="validation.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<form id="test" action="#" method="get">
<div id="profissao1" class="form-row">
<select name="pais" tabindex="10" >
<option value="Afeganistao">Afeganistão</option>
<option value="Africa do Sul">África do Sul</option>
<option value="Albania">Albânia</option>
<option value="Alemanha">Alemanha</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antigua e Barbuda">Antigua</option>
<option value="Antilhas Holandesas">Antilhas</option>
<option value="Arábia Saudita">Arábia Saudita</option>
<option value="Argelia">Argélia</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Arménia</option>
<option value="Aruda">Aruda</option>
<option value="Australia">Austrália</option>
<option value="Austria">Áustria</option>
<option value="Azerbeijao">Azerbeijão</option>
<option value="Bahrem">Bahrem</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belgica">Bélgica</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermudas">Bermudas</option>
<option value="Bielorussia">Bielorússia</option>
<option value="Bolivia">Bolívia</option>
<option value="Bosnia-Herzegovina">Bósnia</option>
<option value="Botsuana">Botsuana</option>
<option value="Brasil">Brasil</option>
<option value="Brunei">Brunei</option>
<option value="Bulgaria">Bulgária</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cabo Verde">Cabo Verde</option>
<option value="Camaroes">Camarões</option>
<option value="Camboja (Kampunchea)">Cambodja</option>
<option value="Canada">Canadá</option>
<option value="Catar">Catar</option>
<option value="Cazaquistao">Cazaquistão</option>
<option value="Ceuta e Melilha">Ceuta e Melilha</option>
<option value="Chade">Chade</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Chipre">Chipre</option>
<option value="Colombia">Colómbia</option>
<option value="Comores">Comores</option>
<option value="Congo">Congo</option>
<option value="Coreia do Norte">Coreia do Norte</option>
<option value="Coreia do Sul">Coreia do Sul</option>
<option value="Costa do Marfim">Costa do Marfim</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Croacia">Croácia</option>
<option value="Cuba">Cuba</option>
<option value="Dinamarca">Dinamarca</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Egipto">Egipto</option>
<option value="Emirados Arabes Unidos">E. Árabes</option>
<option value="Equador">Equador</option>
<option value="Eritreia">Eritreia</option>
<option value="Eslovaquia">Eslováquia</option>
<option value="Eslovenia">Eslovénia</option>
<option value="Espanha">Espanha</option>
<option value="Estados Unidos da America">E: U. A.</option>
<option value="Estonia">Estónia</option>
<option value="Etiopia">Etiópia</option>
<option value="Fiji">Fiji</option>
<option value="Filipinas">Filipinas</option>
<option value="Finlandia">Finlándia</option>
<option value="Franca">França</option>
<option value="Gabao">Gabão</option>
<option value="Gambia">Gâmbia</option>
<option value="Gana">Gana</option>
<option value="Gaza e Jerico">Gaza e Jericó</option>
<option value="Georgia">Georgia</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Granada">Granada</option>
<option value="Grecia">Grécia</option>
<option value="Gronelandia">Gronelândia</option>
<option value="Guatemala">Guatemala</option>
<option value="Guiana">Guiana</option>
<option value="Guine">Guiné</option>
<option value="Guine Bissau">Guiné Bissau</option>
<option value="Guine Equatorial">Guiné Equatorial</option>
<option value="Haiti">Haiti</option>
<option value="Holanda">Holanda</option>
<option value="Honduras">Honduras</option>
<option value="Hong-Kong">Hong-Kong</option>
<option value="Hungria">Hungria</option>
<option value="Iemen">Iémen</option>
<option value="Ilhas Bahamas">Ilhas Bahamas</option>
<option value="Ilhas Caimans">Ilhas Caimans</option>
<option value="Ilhas Falkland">Ilhas Falkland</option>
<option value="Ilhas Faroe">Ilhas Faroé</option>
<option value="Ilhas Marianas do Norte">Ilhas Marianas</option>
<option value="Ilhas Marshall">Ilhas Marshall</option>
<option value="Ilhas Salomao">Ilhas Salomão</option>
<option value="India">India</option>
<option value="Indonesia">Indonésia</option>
<option value="Irao">Irão</option>
<option value="Iraque">Iraque</option>
<option value="Irlanda">Irlanda</option>
<option value="Islandia">Islândia</option>
<option value="Israel">Israel</option>
<option value="Italia">Itália</option>
<option value="Jamaica">Jamaica</option>
<option value="Japao">Japão</option>
<option value="Jordania">Jordânia</option>
<option value="Koweit">Koweit</option>
<option value="Laos">Laos</option>
<option value="Lesoto">Lesoto</option>
<option value="Letonia">Letónia</option>
<option value="Libano">Líbano</option>
<option value="Liberia">Libéria</option>
<option value="Libia">Líbia</option>
<option value="Liechenstein">Liechenstein</option>
<option value="Lituania">Lituânia</option>
<option value="Luxemburgo">Luxemburgo</option>
<option value="Macau">Macau</option>
<option value="Madagascar">Madagáscar</option>
<option value="Malasia">Malásia</option>
<option value="Malawi">Malawi</option>
<option value="Maldivas">Maldivas</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marrocos">Marrocos</option>
<option value="Mauricia">Maurícia</option>
<option value="Mauritania">Mauritânia</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">México</option>
<option value="Mocambique">Moçambique</option>
<option value="Moldavia">Moldávia</option>
<option value="Mongolia">Mongólia</option>
<option value="Monserrate">Monserrate</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namíbia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Nicaragua">Nicarágua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigéria</option>
<option value="Noruega">Noruega</option>
<option value="Nova Zelandia">Nova Zelândia</option>
<option value="Oceania Americana">Oceânia Americana</option>
<option value="Oceania Australiana">Oceânia Australiana</option>
<option value="Oman">Oman</option>
<option value="Panama">Panamá</option>
<option value="Papuasia-Nova Guine">Papuásia-Nova Guiné</option>
<option value="Paquistao">Paquistão</option>
<option value="Paraguai">Paraguai</option>
<option value="Peru">Peru</option>
<option value="Polinesia Francesa">Polinésia Francesa</option>
<option value="Polonia">Polónia</option>
<option selected="selected" value="Portugal">Portugal</option>
<option value="Quenia">Quénia</option>
<option value="Quirguizistao">Quirguizistão</option>
<option value="Reino Unido">Reino Unido</option>
<option value="Republica Checa">República Checa</option>
<option value="Republica Macedonia">República Macedónia</option>
<option value="Romenia">Roménia</option>
<option value="Ruanda">Ruanda</option>
<option value="Russia">Rússia</option>
<option value="Salvador">Salvador</option>
<option value="Samoa Ocidental">Samoa Ocidental</option>
<option value="Santa Lucia">Santa Lúcia</option>
<option value="Sao Cristovao e Nevis">São Cristóvão e Nevis</option>
<option value="Sao Marinho">São Marinho</option>
<option value="Sao Pedro e Miquelon">São Pedro e Miquelon</option>
<option value="Sao Tome e Principe">São Tomé e Principe</option>
<option value="Sao Vicente">São Vicente</option>
<option value="Senegal">Senegal</option>
<option value="Serra Leoa">Serra Leoa</option>
<option value="Servia e Montenegro">Sérvia e Montenegro</option>
<option value="Seyscheles">Seyscheles</option>
<option value="Singapura">Singapura</option>
<option value="Siria">Síria</option>
<option value="Somalia">Somália</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Suazilandia">Suazilândia</option>
<option value="Sudao">Sudão</option>
<option value="Suecia">Suécia</option>
<option value="Suica">Suiça</option>
<option value="Suriname">Suriname</option>
<option value="Tailandia">Tailândia</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajiquistao">Tajiquistão</option>
<option value="Tanzania">Tanzania</option>
<option value="Timor">Timor</option>
<option value="Togo">Togo</option>
<option value="Trindade e Tobago">Trindade e Tobago</option>
<option value="Tunisia">Tunísia</option>
<option value="Turcomenistao">Turcomenistão</option>
<option value="Turquia">Turquia</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Ucrania">Ucrânia</option>
<option value="Uganda">Uganda</option>
<option value="Uruguai">Uruguai</option>
<option value="Usbequistao">Usbequistão</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietname">Vietname</option>
<option value="Zaire">Zaire</option>
<option value="Zambia">Zâmbia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
</div>
<a href="#" onclick="$('profissao1').toggle();$('profissao2').toggle();$('outras').toggle(); return false">outra profissao!</a></p>
<div id="profissao2" class="form-row">
Especialidade:<input name="Especialidade" id="Especialidade" class="required" /><br />
Cedula:<input name="Cedula" id="Cedula" class="required" /><br />
</div>
<div id="outras" class="form-row" style="display:none" >
Outra profissao:<input name="outra" id="outra" class="required" /><br />
</div>
<input type="submit" value="pronto" />
</form>
<script type="text/javascript">
function formCallback(result, form) {
window.status = "valiation callback for form '" + form.id + "': result = " + result;
}
var valid = new Validation('test', {immediate : true, onFormValidate : formCallback});
</script>
</body>
</html>