2010-04-19 74 views
0

当我添加<form>到我的网页时,所有的javascript停止工作,当我把表格提交给我的表格提交不会工作,我做错了什么。下面是我的代码,它工作正常,但在Firefox它不添加后问题<form>?

更新上的其他浏览器进行测试后:火狐Java错误控制台检查后似乎Checking函数定义

UPDATE2:解决了我的错误是<script type="text/jscript">错这就是为什么在Firefox浏览器不能正常工作和休息是,它必须是<script type="text/javascript">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Sabay Afrah.Inc | Contact Us</title> 
<script src="js/clear.js" language="javascript" type="text/javascript"></script> 
<script src="js/SpryValidationSelect.js" type="text/javascript"></script> 
<script type="text/jscript"> 

function Checking(form){ 

if(empty(form.fname.value){ 

     alert("do nothing"); 

     } 
} 

</script> 

<style type="text/css"> 
<!-- 
body { 
    background-color: #000; 
} 
body,td,th { 
    color: #FFF; 
    font-size: 14px; 
} 
.address { 
    font-family: "Comic Sans MS", cursive; 
    font-weight: bold; 
} 
--> 
</style> 
<link href="theme/style.css" rel="stylesheet" type="text/css" /> 
<link href="theme/SpryValidationSelect.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<form action="enterdb.php" method="post"> 
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td align="center">&nbsp;</td> 
    </tr> 
    <tr> 
    <td><table width="1006" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
     <td width="4">&nbsp;</td> 
     <td width="93" align="right">&nbsp;</td> 
     <td width="4">&nbsp;</td> 
     <td width="374" ><img src="images/logo.png" width="230" height="114" /></td> 
     <td width="426" align="right" class="address"> 
     10 GlenLake parkway<br /> 
Suite 130, mailbox # 76<br /> 
Atlanta, GA 30328<br /> 
Phone #: + 678-222-3442<br /> 
Fax #: +678-222-3401<br /> 
Office hours: M-F 8:30 a.m. to 5:00 p.m.<br /> 
     </td> 
     <td width="99">&nbsp;</td> 
     </tr> 
     <tr> 
     <td colspan="5"><table width="600" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
      <td>&nbsp;</td> 
      <td class="title">&nbsp;</td> 
      </tr> 
      <tr> 
      <td width="84"><br /></td> 
      <td width="516" class="title">Contact Us</td> 
      </tr> 
     </table></td> 
     <td>&nbsp;</td> 
     </tr> 
    </table></td> 
    </tr> 
    <tr> 
    <td> 

    <table width="883" border="0" align="center" cellpadding="0" cellspacing="0"> 
     <tr class="table"> 
     <td width="27" rowspan="10" bgcolor="#330099" class="textable">&nbsp;</td> 
     <td colspan="2" bgcolor="#330099" class="textable">&nbsp;</td> 
     <td width="29" rowspan="8" bgcolor="#330099" class="textable">&nbsp;</td> 
     <td colspan="3" class="textable">&nbsp;</td> 
     </tr> 
     <tr > 
     <td width="139" height="31" bgcolor="#330099" class="textable">First Name:</td> <td> 

     <input id="fname" name="fname" type="text" size="40" /> </td> 
     <td width="150" class="textable">Last Name:</td> 
     <td width="265" class="textable"><table width="200" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
      <td ><table width="200" border="0" cellspacing="0" cellpadding="0"> 
       <tr> 
       <td ><input id="lname" name="lname" type="text" size="40" /></td> 
       </tr> 
      </table></td> 
      </tr> 
     </table></td> 
     <td width="32" class="textable">&nbsp;</td> 
     </tr> 
     <tr> 
     <td height="30" class="textable">Subject:</td> <td> 
      <span id="spryselect1"> 
      <label> 
       <select name="sub" id="sub"> 
       <option> Choose a Subject</option> 
       <option> General Question</option> 
       <option> MemberShip Area</option> 
       <option> Others</option> 

       </select> 
      </label> 
      <span class="selectRequiredMsg">Please select a Subject.</span></span> 
     </td> 
     <td colspan="3" class="textable">&nbsp;</td> 
     </tr> 
     <tr> 
     <td height="33" class="textable">Company Name:</td> <td> <input id="cname" name="cname" type="text" size="40" /></td> 
     <td class="textable">Company Address:</td> 
     <td class="textable"><table width="200" border="0" cellspacing="0" cellpadding="0"> 

      <tr> 
      <td><input id="cadd" name="cadd" type="text" size="40" onclick="" /></td> 
      </tr> 

     </table></td> 

     <td class="textable">&nbsp;</td> 
     </tr> 
     <tr> 
     <td height="31" class="textable">Phone Number:</td> <td><input id="phonen" name="phonen" type="text" size="40" /> </td> 
     <td colspan="3" rowspan="4" class="textable">&nbsp;</td> 
     </tr> 
     <tr> 
     <td height="31" class="textable">Fax Number:</td><td> <input id="faxn" name="faxn" type="text" size="40" /></td> 
     </tr> 
     <tr> 
     <td height="32" class="textable">Email Address:</td><td><input id="email" name="email" type="text" size="40" /></td> 
     </tr> 
     <tr> 
     <td colspan="2" class="textable">&nbsp;</td> 
     </tr> 
     <tr> 
     <td valign="top" class="textable">Additional Information:</td> 
     <td colspan="5" class="textable"><table width="600" border="0" align="left" cellpadding="0" cellspacing="0"> 
      <tr> 
      <td colspan="2" align="center"> 

      <textarea id="add" name="add" cols="70" rows="10" /></textarea> 
      </td> 
      </tr> 
      <tr> 
      <td align="center" class="textable"> 
       <input name="Submit" type="submit" value="Submit" onclick="Checking()"/> 
      </td> 
      <td align="center" class="textable"> 

      <input type="reset" value="Clear" /> 



      </td> 
      </tr> 
     </table></td> 
     </tr> 
     <tr> 
     <td colspan="6" class="textable">&nbsp;</td> 
     </tr> 
    </table></td> 
    </tr> 
</table> 
</form> 
<script type="text/javascript"> 
<!-- 
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1"); 
//--> 
</script> 
</body> 
</html> 
+0

说“我所有的JavaScript停止”并不可怕的帮助......也许“我的表单验证停止”会给我们一个更好的指示你的问题。 – 2010-04-19 23:44:51

+0

嘿,你知道我为什么说因为SpryValidationSelect.js停止工作,当我插入'窗体'这个脚本不会允许绕过没有选择的东西从选项 – Mahmoud 2010-04-19 23:50:05

回答

1

尝试添加的onsubmit到您的窗体标签:

<form action="enterdb.php" method="post" enctype="application/x-www-form-urlencoded" onsubmit="return Checking(this);"> 

然后从提交按钮的onclick事件。

您需要将表单对象传递给Checking函数,因此this。此外,将处理程序放置在表单标记中通常会更好,因为当用户通过单击“提交”按钮或在表单的其他位置按Enter键提交表单时,它将被调用。

每个webdestroya编辑。

+0

嘿那里,nope仍然没有检查,它绕过脚本并继续提交 – Mahmoud 2010-04-19 23:23:21

+1

它应该'onsubmit =“return Checking这个)“' – 2010-04-20 00:09:56

+0

我检查了页面使用IE它像一个魅力工作,但当我检查它通过FF它不起作用 – Mahmoud 2010-04-20 00:29:31

2

你的函数要采取的表单元素和你的提交按钮不发送任何内容到功能。我假设它没有提交,因为你的函数出错了,从而停止按钮,就好像它返回false。修复您的JavaScript,尝试使用Firebug来帮助您找到这些问题。

+0

我经常解决这个问题的方式是进入萤火虫和追踪我的onsubmit函数 – 2010-04-19 23:39:06

+0

雅它的惊人,但它继续崩溃,没有任何错误显示没有错误后运行配置文件 – Mahmoud 2010-04-19 23:51:32

0

通常,建议先注释掉第一个clear.js和SpryValidationSelect.js,然后尝试通过逐个添加javascript文件来运行代码,以清楚地定义与您的内联代码文本一起崩溃的文件。

也试图为你的窗体中添加名称和尝试这样的:

function Checking(form){ 

    if(empty(window.myform.fname.value){ 

     alert("do nothing"); 

     } 
    } 

的方式来调试的东西,尽最大努力尝试不同的方法,通过它,有时你会发现那个不容易。

只是我的想法。 gudluck