TinyBox窗体Bug

Question

我尝试使用tinybox Javascript。

现在我会尝试使用它提交，但我不知道如何！？

<div id="add"> 
<form name="addVoc" action="javascript:TINY.box.show('system/import.php',1,300,150,1);" method="post" onsubmit='return checkForm();'> 
    <img src="images/gb.png" width="13px" height="8px"> English: <input type="text" name="English" class="addBox" /> 
    <img src="images/de.png" width="13px" height="8px"> German: <input type="text" name="German" class="addBoxD" /><br><br> 
    <img src="images/icon_hinweis.gif" width="10px" height="10px"> Add Voc <input type="submit" class="sbutton" value="Add"/> 
</form> 

现在它向我展示了tinybox，但没有任何反应，盒子是空的。

这是我的JS checkForm（）

function checkForm(){ 

     if (document.forms["addVoc"].English.value==""){ 
      alert('Upps!'); 
      return false; 
     } 
     if (document.forms["addVoc"].German.value==""){ 
      alert('Upps!'); 
      return false; 
     } 
return true; 
    } 

在我的HTML的头，我挂迷你组合套件CSS和JS

<link rel="stylesheet" type="text/css" href="css/tinybox.css" /> 
<script type="text/javascript" src="js/tinybox.js"></script> 

这里是import.php：

<?php 
include 'include/connect.php'; 

$db_link = mysql_connect (MYSQL_HOST, MYSQL_BENUTZER, MYSQL_KENNWORT); 
if (!$db_link) 
    { 
    die('Could not connect: ' . mysql_error()); 
    } 

mysql_select_db("vokabel", $db_link); 

$sql="INSERT INTO word (Englisch, Deutsch) 
VALUES 
('$_POST[Englisch]','$_POST[Deutsch]')"; 

if (!mysql_query($sql,$db_link)) 
    { 
    die('Error: ' . mysql_error()); 
    } 
echo "Vokabel wurde hinzugefügt!"; 

mysql_close($db_link) 
?> 

我是新的JS，我希望有人能帮助我...没有tinybox它完美的作品

谢谢非常mutch

Answer 1

既然你有

<input type="text" name="Deutsch" class="addBoxD" /> 

我怀疑

if (document.forms["addVoc"].German.value==""){ 

应该读

if (document.forms["addVoc"].Deutsch.value==""){ 

此外，你应该添加

return true; 

到checkForm()函数的最后一行。

我怀疑这些会解决你的小盒子问题 - 这很可能是因为system/import.php不输出任何东西。

在您的浏览器中加载system/import.php并确保获得您期望的输出。如果这样做，请确保system/import.php是正确的相对从当前页面到达import.php的路径。如果所有这些都是正确的，请编辑问题以包含import.php的源代码。

说了这么多的话，把这个小框称为action属性的形式确实有点奇怪 - 你是确定这就是你想要做的吗？你究竟想在这里完成什么？

编辑

试试这个：

HTML

<div id="add"> 
<form name="addVoc" action="javascript:void(0);" onsubmit="return checkForm();"> 
    <img src="images/gb.png" width="13px" height="8px"> Englisch: <input type="text" name="Englisch" class="addBox" /> 
    <img src="images/de.png" width="13px" height="8px"> Deutsch: <input type="text" name="Deutsch" class="addBoxD" /><br><br> 
    <img src="images/icon_hinweis.gif" width="10px" height="10px"> Add Voc <input type="submit" class="sbutton" value="Add"/> 
</form> 

的Javascript

function checkForm(){ 

    if (document.forms["addVoc"].Englisch.value=="") { 
     alert('Upps!'); 
     return false; 
    } 
    if (document.forms["addVoc"].Deutsch.value==""){ 
     alert('Upps!'); 
     return false; 
    } 

    TINY.box.show('system/import.php?Englisch='+document.forms["addVoc"].Englisch.value+'&Deutsch='+document.forms["addVoc"].Deutsch.value,1,300,150,1); 

    return false; 

} 

PHP

ANOTHER编辑

如果使用的是迷你组合套件2，改变这一行：

TINY.box.show('system/import.php?Englisch='+document.forms["addVoc"].Englisch.value+'&Deutsch='+document.forms["addVoc"].Deutsch.value,1,300,150,1); 

要这样：

TINY.box.show({url:'system/import.php',post:'Englisch='+document.forms["addVoc"].Englisch.value+'&Deutsch='+document.forms["addVoc"].Deutsch.value,width:300,height:150}); 

和更改两次出现$_GET于import.php至$_POST。