2014-06-25 2 views
0

pop.jsonfocus dans une fenêtre pop-up pour éliminer l'erreur

function register() { 
    var lbox = new LadduBox(); 
    lbox.init({ 
     "width": 1287, 
      "height": 635, 
      "HTML": '<div class="LregisterI"><br><div class="close"><img src="' + img_loc + 'close.png" id="btnClose" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div><div class="Lregister"><form action="line_check.php" name="reg" method="POST" onsubmit="return chkform();"><table border="0" align="center" width="790" style=""><tr><td colspan="4"><img src="' + img_loc + 'reg.png" /></td></tr><tr><td align="" width="78">Name</td><td><input type="text" id="name" name="name" value="" class="inputstyle" onfocus="document.getElementById(err1).innerHTML='';" /></td><td align="center">Gender</td><td><div class="gender"><div class="umale"><input type="radio" name="gender" checked value="Male"><label>Male</label></div><div class="ufemale"><input type="radio" name="gender" value="Female"><label>Female</label></div></div></td></tr><tr><td align="" width="78"></td><td height="10"><div class="err" id="err1"></div></td><td align="center"></td><td><div class="err2"></div></td></tr><tr><td colspan="4"><div class="hline"></div></td></tr><tr><td height="10" colspan="4"></td></tr><tr><td align="">Email</td><td><input type="text" id="email" name="email" class="inputstyle" /></td><td align="center">Collage</td><td><input type="text" id="college" name="college" value="" class="inputstyle" /></td></tr><tr><td align="" width="78"></td><td height="20"><div class="err" id="err2"></div></td><td align="center"></td><td><div class="err" id="err3"></div></td></tr><tr><td align="">Mobile</td><td><input type="text" id="no" name="number" value="" class="inputstyle" /></td><td align="center">City</td><td><input type="text" id="city" name="city" value="" class="inputstyle" /></td></tr><tr><td align="" width="78"></td><td height="10"><div class="err" id="err4"></div></td><td align="center"></td><td><div class="err" id="err5"></div></td></tr><tr><td align="" width="78"></td><td colspan="3"><input type="submit" class="submit" value="" /></td></tr></table></form></div></div>', 
      'btnCloseId': '#btnClose' 
    }); 
    lbox.fire(); 
} 

Son un pop-up de forme, lorsqu'un utilisateur clique sur le bouton du registre, il appelle la fonction registre() et ouvrez le apparaitre . Maintenant, si l'utilisateur sans entrer les données, cliquez sur soumettre. erreur apparaîtra dans err1, err2, etc .... ERR3 Supposons que le err1 est pour le nom, maintenant j'ai besoin si l'utilisateur clique sur la zone de texte,
**

<input type="text" id="name" name="name" value="" class="inputstyle" onfocus="document.getElementById('err1').innerHTML='';" />** 

Il supprimera l'erreur qui a id err1 mais il me montrant l'erreur (Uncaught SyntaxError: string inattendue)

donc s'il vous plaît quelqu'un peut me donner la solution

+0

Je vous suggère de reformater votre code là-haut, c'est un peu difficile à lire. :) –

+0

Ce littéral de chaîne est fou. Sûrement son HTML pourrait être déplacé dans un fichier HTML. –

Répondre

0

il semble que vous devez ajouter le « » en vous getElementById paramter comme celui-ci :

<input type="text" onfocus="document.getElementById(err1).innerHTML='';" /> 

=>

<input type="text" onfocus="document.getElementById('err1').innerHTML='';" /> 

Espérons que cela résoudrait votre problème. :)

+0

Non, il affiche toujours la même erreur –

+0

La raison de la même erreur est que vous utilisez le 'pour envelopper votre code HTML entier. Mais vous utilisez '' dans la déclaration onfocus. Vous feriez mieux de changer votre guillemet. Voici une démo: '

0

Cela ne se SyntaxError: <input type="text" id="name" name="name" value="" class="inputstyle" onfocus="document.getElementById(err1).innerHTML=" " "/> Et je formatté dans:

function register() { 
    var lbox = new LadduBox(); 
    lbox.init({ 
     "width": 1287, 
     "height": 635, 
     "html": 
      '<div class="LregisterI">'+ 
      '<br>'+ 
      '<div class="close">'+ 
       '<img src=+ img_loc + "close.png" id="btnClose" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>'+ 
      '<div class="Lregister">'+ 
       '<form action="line_check.php" name="reg" method="POST" onsubmit="return chkform();">'+ 
        '<table border="0" align="center" width="790" style="">'+ 
         '<tr>'+ 
          '<td colspan="4">'+ 
           '<img src="' + img_loc + 'reg.png" />'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td align="" width="78">Name</td>'+ 
          '<td>'+ 
           '<input type="text" id="name" name="name" value="" class="inputstyle" onfocus="document.getElementById(err1).innerHTML=" " "/>'+ 
          '</td>'+ 
          '<td align="center">Gender</td>'+ 
          '<td>'+ 
           '<div class="gender">'+ 
            '<div class="umale">'+ 
             '<input type="radio" name="gender" checked value="Male">'+ 
             '<label>Male</label>'+ 
            '</div>'+ 
            '<div class="ufemale">'+ 
             '<input type="radio" name="gender" value="Female">'+ 
             '<label>Female</label>'+ 
            '</div>'+ 
           '</div>'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td align="" width="78"></td>'+ 
          '<td height="10">'+ 
           '<div class="err" id="err1"></div>'+ 
          '</td>'+ 
          '<td align="center"></td>'+ 
          '<td>'+ 
           '<div class="err2"></div>'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td colspan="4">'+ 
           '<div class="hline"></div>'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td height="10" colspan="4"></td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td align="">Email</td>'+ 
          '<td>'+ 
           '<input type="text" id="email" name="email" class="inputstyle" />'+ 
          '</td>'+ 
          '<td align="center">Collage</td>'+ 
          '<td>'+ 
           '<input type="text" id="college" name="college" value="" class="inputstyle" />'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td align="" width="78"></td>'+ 
          '<td height="20">'+ 
           '<div class="err" id="err2"></div>'+ 
          '</td>'+ 
          '<td align="center"></td>'+ 
          '<td>'+ 
           '<div class="err" id="err3"></div>'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td align="">Mobile</td>'+ 
          '<td>'+ 
           '<input type="text" id="no" name="number" value="" class="inputstyle" />'+ 
          '</td>'+ 
          '<td align="center">City</td>'+ 
          '<td>'+ 
           '<input type="text" id="city" name="city" value="" class="inputstyle" />'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td align="" width="78"></td>'+ 
          '<td height="10">'+ 
           '<div class="err" id="err4"></div>'+ 
          '</td>'+ 
          '<td align="center"></td>'+ 
          '<td>'+ 
           '<div class="err" id="err5"></div>'+ 
          '</td>'+ 
         '</tr>'+ 
         '<tr>'+ 
          '<td align="" width="78"></td>'+ 
          '<td colspan="3">'+ 
           '<input type="submit" class="submit" value="" />'+ 
          '</td>'+ 
         '</tr>'+ 
        '</table>'+ 
       '</form>'+ 
      '</div>'+ 
     '</div>', 
     'btnCloseId': '#btnClose' 
    }); 
    lbox.fire(); 
} 

Espérons que cela vous résoudre le problème.