[JavaScript][PHP]Problem z nadaniem stylu Opcje

[Lathiel]

Witam, mam następujący problem - po zastosowaniu javascript'u moje znaczniki input zostają rozsiane po całej stronie i stają się odporne na edytowanie poprzez style

(IMG:http://img406.imageshack.us/img406/4176/problemcl.jpg)


Niżej zamieszczam kod html pliku rejestracja.php

[PHP] pobierz, plaintext 
<script type="text/javascript" src="js/moje.js"></script>
 
<form action="index.php?view=rejestruj" method="post" id="regform">
 
<ol>
<li><label>Login <span class="red">*</span></label>
              <input type="text" id="login" name="user[login]" class="text" />              	
              <div id="errorimie" class="error"></div>
            </li>
             <li>
             <label>Email <span class="red">*</span></label>
              <input  type="text" id="email" name="user[email]" class="text" />
              <div id="erroremail" class="error"></div>
            </li>
           <li>
             <label>Hasło <span class="red">*</span></label>
              <input  type="password" id="haslo" name="user[haslo]" class="text" />
              <div id="errorhaslo" class="error"></div>
            </li>
            <li>
             <label >Powtórz hasło <span class="red">*</span></label>
              <input  type="password" id="phaslo" name="user[phaslo]" class="text" />
              <div id="errorphaslo" class="error"></div>
            </li>
 
            <li class="buttons">
               <input type="submit" name="submitRejestruj" id="submitRejestruj" class="przycisk" value="Zarejestruj Mnie"/>
              <div class="clr"></div></li></ol>
</form>
[PHP] pobierz, plaintext 

A tutaj javascript

[JAVASCRIPT] pobierz, plaintext 
function czyWypelnione(pole){
	if(pole.value == "")
	{
	document.getElementById("error"+pole.id).innerHTML = "To pole jest wymagane!";	
	return false;	
	}
else{
	document.getElementById("error"+pole.id).innerHTML = "";
	return true;
	}
 
}
 
function areFieldsEqual(pole1, pole2)
 {
 if(pole1.value != pole2.value) 
 {
	 document.getElementById("error"+pole2.id).innerHTML = "Hasła muszą być takie same!";	
	return false; 
 }
else { 
  document.getElementById("error"+pole2.id).innerHTML = "";	
	 return true;
 
	 }
 
}
 
 
function isMinLength(pole, mindlugosc){
	var wartoscpola = pole.value;
	if(wartoscpola.length < mindlugosc){
		document.getElementById("error"+pole.id).innerHTML = "Pole musi być minimum" + mindlugosc + "znak(ów)";	
	return false	
	}
	else{
		document.getElementById("error"+pole.id).innerHTML = "";	
	return true	
	}
 
}
 
function isValidEmail(pole){
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z] {2,4})$/;
	if(reg.test(pole.value) == false) {
		document.getElementById("error"+pole.id).innerHTML = "Musisz podać prawidłowy adres email";	
		return false
	} 
	else 
	{
		document.getElementById("error"+pole.id).innerHTML = "";	
	return true;	
	}
 
}
 
window.onload = function (){
 
		document.getElementById("regform").onsubmit = function (){
		if(
 
			czyWypełnione(this.login) &&
			isMinLength(this.login, 4) &&
			czyWypełnione(this.email) &&
			isValidEmail(this.email) &&
			czyWypełnione(this.haslo) &&
			isMinLength(this.haslo, 5) &&
			areFieldsEqual(this.haslo, this.phaslo)
 
			)
			{
			return true;
		}
		else {
			return false;
		}
		}
 
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Lathiel 15.06.2012, 06:40:43