2010-04-19 69 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