my onsubmit =「return onNewUserRegistrationCheck（this）;」仍然提交表格上的錯誤

我已經閱讀了幾個關於這個問題的SO帖子和我發現的一個可能的解釋是this之一。該帖子中的回覆說「如果以編程方式調用submit（），瀏覽器不會調用窗體上的onSubmit事件。」my onsubmit =「return onNewUserRegistrationCheck（this）;」仍然提交表格上的錯誤

我不確定這是否影響我的表格。

我的代碼onsubmit =「return onNewUserRegistrationCheck（this）;」是100％工作 - 對onNewUserRegistrationCheck（this）的調用是100％發生。

下面是代碼：

 function onNewUserRegistrationCheck(theForm) 
     { 

      alert("In onNewUserRegistrationCheck()"); 

      if(theForm.loginname.value == "<?php echo Labels::$DEFAULTLOGINEMAILLABEL ?>" 
       || theForm.password.value == "<?php echo Labels::$DEFAULTPASSWORDLABEL ?>") 
      { 
       alert("returning false now, so -- HOPEFULLY the form doesn't submit"); 
       return false; 
      } 
    }

這裏的形式：

<form enctype="multipart/form-data" onsubmit="return onNewUserRegistrationCheck(this);" 
       class="registerFormStyles" name="registerForm" id="regform" 
       action="regTheNewUser.php" method="post"> 
     <input type="text" id="loginname" name="<?php echo Labels::$USERNAMELABEL ?>" 
       style="width:260px" value="<?php echo Labels::$DEFAULTLOGINEMAILLABEL ?>" /> 

     <input type="password" placeholder="<?php echo Labels::$DEFAULTPASSWORDLABEL ?>" 
        id="password" name="<?php echo Labels::$PASSWORD ?>" 
      style="width:220px" class="inactive" /> 

     <input type="hidden" name="newUserRegister" id="newUserRegisterId"> 

     <input type="image" name="registerButton" value="Register" class="login-button-landing" 
        onclick="document.registerForm.submit();"> 
    </form>

通知我使用類型= 「形象」，做一個綱領性提交（）。據一些SO職位的結果的程序提交（）像我這樣做是這樣的：「瀏覽器不如果調用提交（以編程方式調用窗體上的onSubmit事件）」

不過我「M看到2個警告框，當我在我的名字點擊=‘registerButton’僞提交按鈕：

alert box #1 pops up and says: "In onNewUserRegistrationCheck()"

然後....

alert box #2 pops up and says: "returning false now, so -- HOPEFULLY the form doesn't submit"

這2個警告框出現，當我點擊我的名字=「registerButton」bu在窗體上的tton。所以我必須（？）誤解我讀過的帖子中的含義，如 '調用submit（）不會觸發onsubmit事件'。

底線是仍然提交文件「regTheNewUser.php」即使你可以看到，由於被視爲「現在返回false警報消息的「返回false」發生，所以形式 - HOPEFULLY表格未提交「

如何使用type =」submit「按鈕停止提交的表格而不使用？我向自己證明我的onsubmit =「return onNewUserRegistrationCheck（this）;」 被調用100％。我返回false，但無論如何都提交表單。

當我發現無效的表單文本條目以及爲什麼上面沒有'返回false'停止我的表單提交時，如何停止提交的表單？

來源

2012-03-03 wantTheBest

你可以嘗試'onsubmit =「onNewUserRegistrationCheck（this）;返回false;」'只是爲了看看它是否工作。如果是這樣，至少你知道這是你的函數邏輯的問題。 – Jacksonkr 2012-03-03 06:00:51

會嘗試。然而看看上面的代碼，alert（「現在返回false，所以 - HOPEFULLY表單不提交」）; 返回false; - 我不會看到'HOPEFULLY..etc'，也不會返回false。我看到'HOPEFULLY .....'所以'return false'必須發生 - 如果你看代碼，似乎沒有辦法讓'HOPEFULLY ...'出現，除非發生'return false'之後。 – wantTheBest 2012-03-03 06:07:36

刪除

onclick =「document.registerForm.submit（）;」

!!!

type = image是提交和 document.registerForm.submit（）不會觸發onsubmit事件處理程序！

所以點擊第一個觸發提交不分，則事件處理程序踢，因爲它是一個提交按鈕，然後形式從第一submt

來源

2012-03-03 06:10:07 mplungjan

和'用它替換'input type =「submit」？我在上面的帖子中提到「如何在不使用type =」submit「按鈕的情況下停止提交的表單？」.......不確定是否看到了該部分。如果我發現輸入錯誤，並且沒有使用type =「submit」輸入，我需要停止表單提交CONDITIONALLY。 – wantTheBest 2012-03-03 06:12:14

哇 - 我100％不知道這個type =「image」也是一個提交。謝謝你，對我來說這是一個巨大的，非常有幫助的。感謝M. – wantTheBest 2012-03-03 06:14:58

mplungjan，你是一個聰明的天才，解決了這個問題，只是傑出的東西。我閱讀的帖子，我試過的東西。我的整個問題是，我的印象是隻有type =「submit」是一個提交能力的元素。這對我來說很重要，因爲這麼多東西都是新的 - 謝謝你！ – wantTheBest 2012-03-03 06:26:20

發送到服務器，在您的文章，你已經使用

輸入類型=「圖像」 - 它具有與輸入類型=「提交」相同的行爲，因此點擊觸發onsubmit事件的圖像。您已經從onsubmit事件處理函數返回false，並且onsubmit處理程序向表單註冊，以便將返回值發送到表單並停止表單的提交操作。

但你說你的表格是越來越提交，因爲
在圖像您已註冊，你都要求提交（）方法編程onclick事件，所以你的形式得到提交。

爲了從返回false剛剛從圖像刪除onclick事件處理程序，並與下面的代碼替換它

<input type="image" name="registerButton" value="Register" class="login-button-landing" >

希望這能解決你的問題被提交停止你的形式

來源

2012-03-03 06:27:43 AmGates

AmGates，謝謝+1，我已經用mplungjan的幫助修復了它。感謝您花時間重新確定正確的工作方式。 – wantTheBest 2012-03-03 06:30:47

不客氣 – AmGates 2012-03-03 06:34:25

my onsubmit =「return onNewUserRegistrationCheck（this）;」仍然提交表格上的錯誤

回答

相關問題