[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

[IProSoft]

A możesz mi wyjaśnić jakim cudem działa ci kod bez problemu, jeśli masz:

Kod

<input type="text" id="login" name="user[login]" class="text" />
<div id="errorimie" class="error"></div>

czyli zamiast errorlogin errorimie
(IMG:style_emoticons/default/questionmark.gif)
Prser JS zaraz wyrzuca błąd.

[JAVASCRIPT] pobierz, plaintext 
<script>
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(
 
		czyWypelnione(this.login) &&
		//isMinLength(this.login, 4) &&
		czyWypelnione(this.email) &&
		isValidEmail(this.email) &&
		czyWypelnione(this.haslo) &&
		//isMinLength(this.haslo, 5) &&
		areFieldsEqual(this.haslo, this.phaslo)
 
		)
		{
			return true;
		}
		else 
		{
			return false;
		}
    }
 
    }
</script>
[JAVASCRIPT] pobierz, plaintext