[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




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

[kamil4u]

Daj link do demo. Kod na pierwszy rzut oka wydaje się w porządku.

[Lathiel]

Polecacie jakiś serwer z dobrym mysql, bo mój testowy na CBA nie chce współpracować

[kamil4u]

Po co mi/Tobie mySQL. Skoro problem jest w CSS/JS to nie potrzebujesz serwera z PHP.

Masz zrobić proste demo, aby pokazać jak wygląda problem. Możesz umieścić kod np. tu http://jsfiddle.net/

[Lathiel]

http://jsfiddle.net/A23Ma/1/

kod tutaj działą bez problemu - czyli coś ze wczytywaniem do contentu


tak wygląda plik content.php

[HTML] pobierz, plaintext 
<link href="style.css" rel="stylesheet" type="text/css" />
<div id="tekst">
<?php
 
include('tresc/' . $TRESC . '.php');
 
 
 
 
 
?>
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował Lathiel 15.06.2012, 16:40:13

[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

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 

[Lathiel]

Zmieniłem na poprawne i niestety niczego to nie zmieniło, w kodzie miesza

[HTML] pobierz, plaintext 
id="login" name="user[login]"
[HTML] pobierz, plaintext 

jak to usunę, albo zastąpie

[HTML] pobierz, plaintext 
id="email" name="user[email]"
[HTML] pobierz, plaintext 

pola wracają na właściwe miejsca

Ten post edytował Lathiel 15.06.2012, 17:32:51

[IProSoft]

Podeślij adres strony bo będziemy się długo bawić.

[Lathiel]

http://drphil2.cba.pl/

[kamil4u]

Właśnie po to potrzebne są dema. To nie ma nic wspólnego z JS.

Sprawdź plik z CSS, następnie konsolę błędów, a następnie styl dla #haslo i brak średnika po width.