Javascript php

wikilili Messages postés 197 Date d'inscription lundi 4 avril 2011 Statut Membre Dernière intervention 12 février 2014 - 28 avril 2012 à 20:50
 Antoine -
s'il vous plai <?php
echo "<div id='formcont'><form action='register' name='incri' method='post'>

<label > username:</label><input type='text' id='user' name='username'
onFocus=\"javascript:document.getElementById('user').style.borderColor='#00C';\"

onblur=\"javascript:
var champ=document.getElementById('user').value;
if (champ=='')
document.getElementById('user').style.borderColor='#F00';
else
document.getElementById('user').style.borderColor='#0C6 ';

\" /> </br>


<label > password:</label><input type='password' id='pass' name='password'
onFocus=\"javascript:document.getElementById('pass').style.borderColor='#00C';\"

onblur=\"javascript:
var champ=document.getElementById('pass').value;
if (champ=='')
document.getElementById('pass').style.borderColor='#F00';
else
document.getElementById('pass').style.borderColor='#0C6 ';

\"




/> </br>
<label > retype password:</label><input type='password' id='retpass' name='retypepass'


onFocus=\"javascript:document.getElementById('retpass').style.borderColor='#00C';\"

onblur=\"javascript:
var champ=document.getElementById('retpass').value;
if (champ=='')
document.getElementById('retpass').style.borderColor='#F00';
else
document.getElementById('retpass').style.borderColor='#0C6 ';

\"



/> </br>";

echo "</form></div>";
?>

est ce qu'il ya une autre methode ca me parait pas pratique cette methode pour verifier le remplissage des champs qui peux m'aider d'optimiser et de mieux organiser ce code
A voir également:

1 réponse

Une fonction qui vérifie si le champ est rempli.
Plutôt que de réécrire le même code plusieurs fois.

Par exemple tu envoies l'id du champ à la fonction, et elle se charge de vérifier si ce champ est vide etc.
1
wikilili Messages postés 197 Date d'inscription lundi 4 avril 2011 Statut Membre Dernière intervention 12 février 2014 2
28 avril 2012 à 22:28
we mais j'arrive pas a appeler une fonction j'ai assayer d'utiliser <stye type text javascript ...>sachant ge j'ai deja introdiut la balise <style > pour les styles css mais ca pas marcher avec le javascript j'ai creer un fichier apart et j'ai uilisé <link ......> de meme ca pas marché
ma page et xxxxx.php
0
pour le javascript tu dois utiliser ça :
<script type="text/javascript" >Ton code ici</script>
0
ou encore
<script src="tonfichier.js" ></script>

pour un script "à part"
0
wikilili Messages postés 197 Date d'inscription lundi 4 avril 2011 Statut Membre Dernière intervention 12 février 2014 2
28 avril 2012 à 23:46
mercii beaucoup !!
0
wikilili Messages postés 197 Date d'inscription lundi 4 avril 2011 Statut Membre Dernière intervention 12 février 2014 2
28 avril 2012 à 23:59
<style type="text/css">
#formcont{

width:400px;
height:200px;
background-color: #FCC;
border-style: ridge;
border-color: #996;

}
label{
padding-left:12px;
width:150 px;
display:block;
float:left;
height:auto;


}


</style>
<script language="javascript" >
function verify(){
var champ=document.getElementById().value;
if (champ=='')
document.inscri.getElementById().style.borderColor='#F00';
else
document.inscri.getElementById().style.borderColor='#0C6 ';



}



</script>
<?php
echo "<div id='formcont'><form action='register' name='incri' method='post'>

<label > username:</label><input type='text' id='user' name='username'

onFocus=\"javascript:verify()\"
onblur=\"javascript:verify()\"/> </br>


<label > password:</label><input type='password' id='pass' name='password'

onFocus='javascript:verify();'
onblur='javascript:verify();' /> </br>


<label > retype password:</label><input type='password' id='retpass' name='retypepass'

onFocus='javascript:verify()'\"
onblur='javascript:verify()' /> </br>
";

echo "</form></div>";
?>


ca pas marche je sais pas ou je commetl'erreur
0