Validar um Formulário
<!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](http://www.w3.org/1999/xhtml)" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/view.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/view.js"></script>
</head>
<body id="page1">
<!-- header -->
<!-- content -->
<div id="content">
<div class="container">
<div class="inside">
<div class="wrapper">
<div class="mainContent">
<div id="form_container">
<form id="form_139127" name="form_139127" class="appnitro" method="post" action="">
<div class="form_description">
<h2>Cadastro de Funcionários</h2>
<p></p>
</div>
<ul >
<li id="li_1" >
<label class="description" for="element_1">Nome </label>
<div>
<input id="element_1" name="element_1" class="element text large" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_8" >
<label class="description" for="element_8">Sexo </label>
<span>
<input type="radio" id="element_8_1" name="element_8" class="element radio" value="Masculino" />
<label class="choice" for="element_8_1">Masculino</label>
<input type="radio"id="element_8_2" name="element_8" class="element radio" value="Feminino" />
<label class="choice" for="element_8_2">Feminino</label>
<input type="radio" id="element_8_3" name="element_8" class="element radio" value="Homossexual" />
<label class="choice" for="element_8_3">Homossexual</label>
</span>
</li> <li id="li_2" >
<label class="description" for="element_2">Nascimneto </label>
<span>
<input id="element_2_1" name="element_2_1" class="element text" size="2" maxlength="2" value="" type="text"> /
<label for="element_2_1">MM</label>
</span>
<span>
<input id="element_2_2" name="element_2_2" class="element text" size="2" maxlength="2" value="" type="text"> /
<label for="element_2_2">DD</label>
</span>
<span>
<input id="element_2_3" name="element_2_3" class="element text" size="4" maxlength="4" value="" type="text">
<label for="element_2_3">YYYY</label>
</span>
</li> <li id="li_7" >
<label class="description" for="element_7">Endereço </label>
<div>
<input id="element_7_1" name="element_7_1" class="element text large" value="" type="text">
<label for="element_7_1">Rua</label>
</div>
<div class="left">
<input id="element_7_3" name="element_7_3" onkeypress='return SomenteNaoNumero(event)' class="element text medium" value="" type="text">
<label for="element_7_3">Cidade</label>
</div>
<div class="right">
<input id="element_7_4" name="element_7_4" onkeypress='return SomenteNaoNumero(event)' class="element text medium" value="" type="text">
<label for="element_7_4">Estado</label>
</div>
<div class="left">
<input id="element_7_5" name="element_7_5" class="element text medium" maxlength="15" value="" type="text">
<label for="element_7_5">CEP</label>
</div>
<div class="right">
<select class="element select medium" id="element_7_6" name="element_7_6">
<option value="" selected="selected"></option>
<option value="Afghanistan" >Afghanistan</option>
<option value="Albania" >Albania</option>
<option value="Algeria" >Algeria</option>
<option value="Andorra" >Andorra</option>
<option value="Antigua and Barbuda" >Antigua and Barbuda</option>
<option value="Argentina" >Argentina</option>
<option value="Armenia" >Armenia</option>
<option value="Australia" >Australia</option>
<option value="Austria" >Austria</option>
<option value="Azerbaijan" >Azerbaijan</option>
<option value="Bahamas" >Bahamas</option>
<option value="Bahrain" >Bahrain</option>
<option value="Bangladesh" >Bangladesh</option>
<option value="Barbados" >Barbados</option>
<option value="Belarus" >Belarus</option>
<option value="Belgium" >Belgium</option>
<option value="Belize" >Belize</option>
<option value="Benin" >Benin</option>
<option value="Bhutan" >Bhutan</option>
<option value="Bolivia" >Bolivia</option>
<option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option>
<option value="Botswana" >Botswana</option>
<option value="Brazil" >Brazil</option>
<option value="Brunei" >Brunei</option>
<option value="Bulgaria" >Bulgaria</option>
<option value="Burkina Faso" >Burkina Faso</option>
<option value="Burundi" >Burundi</option>
<option value="Cambodia" >Cambodia</option>
<option value="Cameroon" >Cameroon</option>
<option value="Canada" >Canada</option>
<option value="Cape Verde" >Cape Verde</option>
<option value="Central African Republic" >Central African Republic</option>
<option value="Chad" >Chad</option>
<option value="Chile" >Chile</option>
<option value="China" >China</option>
<option value="Colombia" >Colombia</option>
<option value="Comoros" >Comoros</option>
<option value="Congo" >Congo</option>
<option value="Costa Rica" >Costa Rica</option>
<option value="Côte d'Ivoire" >Côte d'Ivoire</option>
<option value="Croatia" >Croatia</option>
<option value="Cuba" >Cuba</option>
<option value="Cyprus" >Cyprus</option>
<option value="Czech Republic" >Czech Republic</option>
<option value="Denmark" >Denmark</option>
<option value="Djibouti" >Djibouti</option>
<option value="Dominica" >Dominica</option>
<option value="Dominican Republic" >Dominican Republic</option>
<option value="East Timor" >East Timor</option>
<option value="Ecuador" >Ecuador</option>
<option value="Egypt" >Egypt</option>
<option value="El Salvador" >El Salvador</option>
<option value="Equatorial Guinea" >Equatorial Guinea</option>
<option value="Eritrea" >Eritrea</option>
<option value="Estonia" >Estonia</option>
<option value="Ethiopia" >Ethiopia</option>
<option value="Fiji" >Fiji</option>
<option value="Finland" >Finland</option>
<option value="France" >France</option>
<option value="Gabon" >Gabon</option>
<option value="Gambia" >Gambia</option>
<option value="Georgia" >Georgia</option>
<option value="Germany" >Germany</option>
<option value="Ghana" >Ghana</option>
<option value="Greece" >Greece</option>
<option value="Grenada" >Grenada</option>
<option value="Guatemala" >Guatemala</option>
<option value="Guinea" >Guinea</option>
<option value="Guinea-Bissau" >Guinea-Bissau</option>
<option value="Guyana" >Guyana</option>
<option value="Haiti" >Haiti</option>
<option value="Honduras" >Honduras</option>
<option value="Hong Kong" >Hong Kong</option>
<option value="Hungary" >Hungary</option>
<option value="Iceland" >Iceland</option>
<option value="India" >India</option>
<option value="Indonesia" >Indonesia</option>
<option value="Iran" >Iran</option>
<option value="Iraq" >Iraq</option>
<option value="Ireland" >Ireland</option>
<option value="Israel" >Israel</option>
<option value="Italy" >Italy</option>
<option value="Jamaica" >Jamaica</option>
<option value="Japan" >Japan</option>
<option value="Jordan" >Jordan</option>
<option value="Kazakhstan" >Kazakhstan</option>
<option value="Kenya" >Kenya</option>
<option value="Kiribati" >Kiribati</option>
<option value="North Korea" >North Korea</option>
<option value="South Korea" >South Korea</option>
<option value="Kuwait" >Kuwait</option>
<option value="Kyrgyzstan" >Kyrgyzstan</option>
<option value="Laos" >Laos</option>
<option value="Latvia" >Latvia</option>
<option value="Lebanon" >Lebanon</option>
<option value="Lesotho" >Lesotho</option>
<option value="Liberia" >Liberia</option>
<option value="Libya" >Libya</option>
<option value="Liechtenstein" >Liechtenstein</option>
<option value="Lithuania" >Lithuania</option>
<option value="Luxembourg" >Luxembourg</option>
<option value="Macedonia" >Macedonia</option>
<option value="Madagascar" >Madagascar</option>
<option value="Malawi" >Malawi</option>
<option value="Malaysia" >Malaysia</option>
<option value="Maldives" >Maldives</option>
<option value="Mali" >Mali</option>
<option value="Malta" >Malta</option>
<option value="Marshall Islands" >Marshall Islands</option>
<option value="Mauritania" >Mauritania</option>
<option value="Mauritius" >Mauritius</option>
<option value="Mexico" >Mexico</option>
<option value="Micronesia" >Micronesia</option>
<option value="Moldova" >Moldova</option>
<option value="Monaco" >Monaco</option>
<option value="Mongolia" >Mongolia</option>
<option value="Montenegro" >Montenegro</option>
<option value="Morocco" >Morocco</option>
<option value="Mozambique" >Mozambique</option>
<option value="Myanmar" >Myanmar</option>
<option value="Namibia" >Namibia</option>
<option value="Nauru" >Nauru</option>
<option value="Nepal" >Nepal</option>
<option value="Netherlands" >Netherlands</option>
<option value="New Zealand" >New Zealand</option>
<option value="Nicaragua" >Nicaragua</option>
<option value="Niger" >Niger</option>
<option value="Nigeria" >Nigeria</option>
<option value="Norway" >Norway</option>
<option value="Oman" >Oman</option>
<option value="Pakistan" >Pakistan</option>
<option value="Palau" >Palau</option>
<option value="Panama" >Panama</option>
<option value="Papua New Guinea" >Papua New Guinea</option>
<option value="Paraguay" >Paraguay</option>
<option value="Peru" >Peru</option>
<option value="Philippines" >Philippines</option>
<option value="Poland" >Poland</option>
<option value="Portugal" >Portugal</option>
<option value="Puerto Rico" >Puerto Rico</option>
<option value="Qatar" >Qatar</option>
<option value="Romania" >Romania</option>
<option value="Russia" >Russia</option>
<option value="Rwanda" >Rwanda</option>
<option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option>
<option value="Saint Lucia" >Saint Lucia</option>
<option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option>
<option value="Samoa" >Samoa</option>
<option value="San Marino" >San Marino</option>
<option value="Sao Tome and Principe" >Sao Tome and Principe</option>
<option value="Saudi Arabia" >Saudi Arabia</option>
<option value="Senegal" >Senegal</option>
<option value="Serbia and Montenegro" >Serbia and Montenegro</option>
<option value="Seychelles" >Seychelles</option>
<option value="Sierra Leone" >Sierra Leone</option>
<option value="Singapore" >Singapore</option>
<option value="Slovakia" >Slovakia</option>
<option value="Slovenia" >Slovenia</option>
<option value="Solomon Islands" >Solomon Islands</option>
<option value="Somalia" >Somalia</option>
<option value="South Africa" >South Africa</option>
<option value="Spain" >Spain</option>
<option value="Sri Lanka" >Sri Lanka</option>
<option value="Sudan" >Sudan</option>
<option value="Suriname" >Suriname</option>
<option value="Swaziland" >Swaziland</option>
<option value="Sweden" >Sweden</option>
<option value="Switzerland" >Switzerland</option>
<option value="Syria" >Syria</option>
<option value="Taiwan" >Taiwan</option>
<option value="Tajikistan" >Tajikistan</option>
<option value="Tanzania" >Tanzania</option>
<option value="Thailand" >Thailand</option>
<option value="Togo" >Togo</option>
<option value="Tonga" >Tonga</option>
<option value="Trinidad and Tobago" >Trinidad and Tobago</option>
<option value="Tunisia" >Tunisia</option>
<option value="Turkey" >Turkey</option>
<option value="Turkmenistan" >Turkmenistan</option>
<option value="Tuvalu" >Tuvalu</option>
<option value="Uganda" >Uganda</option>
<option value="Ukraine" >Ukraine</option>
<option value="United Arab Emirates" >United Arab Emirates</option>
<option value="United Kingdom" >United Kingdom</option>
<option value="United States" >United States</option>
<option value="Uruguay" >Uruguay</option>
<option value="Uzbekistan" >Uzbekistan</option>
<option value="Vanuatu" >Vanuatu</option>
<option value="Vatican City" >Vatican City</option>
<option value="Venezuela" >Venezuela</option>
<option value="Vietnam" >Vietnam</option>
<option value="Yemen" >Yemen</option>
<option value="Zambia" >Zambia</option>
<option value="Zimbabwe" >Zimbabwe</option>
</select>
<label for="element_7_6">País</label>
</div>
</li> <li id="li_3" >
<label class="description" for="element_3">CPF </label>
<div>
<input id="element_3" name="element_3" class="element text small" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_9" >
<label class="description" for="element_9">Estado Civil </label>
<div>
<select class="element select medium" id="element_9" name="element_9">
<option value="" selected="selected"></option>
<option value="Solteiro (a)" >Solteiro (a)</option>
<option value="Casado (a)" >Casado (a)</option>
<option value="Viúvo (a)" >Viúvo (a)</option>
<option value="Divorciado (a)" >Divorciado (a)</option>
</select>
</div>
</li> <li id="li_4" >
<label class="description" for="element_4">Telefone Residencial </label>
<span>
<input id="element_4_1" name="element_4_1" class="element text" size="2" maxlength="3" value="" type="text"> -
<label for="element_4_1">(##)</label>
</span>
<span>
<input id="element_4_2" name="element_4_2" class="element text" size="4" maxlength="3" value="" type="text"> -
<label for="element_4_2">####</label>
</span>
<span>
<input id="element_4_3" name="element_4_3" class="element text" size="4" maxlength="4" value="" type="text">
<label for="element_4_3">####</label>
</span>
</li> <li id="li_5" >
<label class="description" for="element_5">Email </label>
<div>
<input id="element_5" name="element_5" class="element text large" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_10" >
<label class="description" for="element_10">Interesses </label>
<span>
<input id="element_10_1" name="element_10_1" class="element checkbox" type="checkbox" value="HTML" />
<label class="choice" for="element_10_1">HTML</label>
<input id="element_10_2" name="element_10_2" class="element checkbox" type="checkbox" value="CSS" />
<label class="choice" for="element_10_2">CSS</label>
<input id="element_10_3" name="element_10_3" class="element checkbox" type="checkbox" value="JavaScript" />
<label class="choice" for="element_10_3">JavaScript</label>
<input id="element_10_4" name="element_10_4" class="element checkbox" type="checkbox" value="PHP" />
<label class="choice" for="element_10_4">PHP</label>
<input id="element_10_5" name="element_10_5" class="element checkbox" type="checkbox" value="Java" />
<label class="choice" for="element_10_5">Java</label>
<input id="element_10_6" name="element_10_6" class="element checkbox" type="checkbox" value="MySQL" />
<label class="choice" for="element_10_6">MySQL</label>
<input id="element_10_7" name="element_10_7" class="element checkbox" type="checkbox" value="C++" />
<label class="choice" for="element_10_7">C++</label>
</span>
</li> <li id="li_6" >
<label class="description" for="element_6">Comentários </label>
<div>
<textarea id="element_6" name="element_6" class="element textarea medium">Digite aqui...</textarea>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="139127" />
<input id="saveForm" class="button_text" type="submit" name="submit" value="Salvar" />
</li>
</ul>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>cdogo javascript para validação
Discussão (1)
Carregando comentários...