Javascript php
wikilili
Messages postés
274
Statut
Membre
-
Antoine -
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
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
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.-
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 -
-
-
-
<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
-
