2014-06-25 48 views
0

pop.js的onfocus在彈出來消除誤差

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(); 
} 

它的形式彈出,當註冊用戶點擊按鈕,它調用register()函數和打開彈出 。現在如果用戶沒有輸入數據,請點擊提交。錯誤將在ERR1,ERR2,ERR3 ....等顯示 假設ERR1是名字,現在我需要的,如果在文本框的用戶點擊,
**

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

它會刪除錯誤其中有ID ERR1但它顯示我的錯誤(未捕獲的SyntaxError:意外的字符串

所以請任何一個可以給我解決

+0

我建議你在那裏重新格式化你的代碼,這有點難以閱讀。 :) –

+0

該字符串文字是瘋狂的。當然,它的HTML可以被移動到一個HTML文件。 –

回答

0

看來你應該加上「在你的getElementById放慢參數是這樣的」 :

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

=>

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

希望這將解決您的問題。 :)

+0

不,它仍然顯示相同的錯誤 –

+0

同樣的錯誤的原因是你使用'包裹你的整個HTML。但是你在onfocus聲明中使用'''。你最好改變你的引號。這裏是演示:'

0

這沒有得到語法錯誤:<input type="text" id="name" name="name" value="" class="inputstyle" onfocus="document.getElementById(err1).innerHTML=" " "/> 我格式化:

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(); 
} 

希望這將解決你的問題。