jQuery - 查詢不會停止後返回false使用

我有一個問題...當用戶點擊提交 - 錯誤消息顯示，但jQuery似乎並沒有停止返回假;jQuery - 查詢不會停止後返回false使用

見下面的代碼：

function validateSubmit(){ 
    // this will loop through each row in table 
    // Make sure to include jquery.js 
    $('tr').each(function() { 
     // Find first input 
     var input1 = $(this).find('input').eq(0); 
     var qty1 = input1.val(); 
     // Find Second input 
     var input2 = $(this).find('input').eq(1); 
     var qty2 = input2.val(); 
     // Find third input 
     var input3 = $(this).find('input').eq(2); 
     var qty3 = input3.val(); 
     // Find select box 
     var selectBx = $(this).find('select'); 
     var selectVal = selectBx.val(); 
     if(qty1 === '' && selectVal != 'Please Select...') { 
      alert("You've chosen an option, but not entered a quantity to dispute, please check your inputs."); 
      return false;   
     } 
     if(qty1 != '' && selectVal === 'Please Select...') { 
      alert("You've entered a quantity, but not chosen why, please check your reasons."); 
      return false;   
     } 
     if (qty1 > qty2) { 
      alert("For one of your entries, the disputed quantity is larger than the shipped quantity."); 
      return false;   
     } 
    }); 
}

HTML那裏它被稱爲

<table> 
       <thead> 
        <tr><th>Item ID</th><th>Description</th><th>Dispute Quantity</th><th>Shipped Quantity</th><th>Ordered Quantity</th><th>Reason</th></tr> 
       </thead> 
       <tbody> 
        <?php 
         $data = mysql_query("SELECT * FROM `artran09` WHERE `invno` = '$invoiceno'") or die(mysql_error()); 
         echo "<center>"; 
         $i = -1;   
         echo "<form action=\"submitdispute.php?invno=".$invoiceno."&ordate=".$placed."\" method=\"POST\" onsubmit=\"return validateSubmit();\">"; 

          while ($info = mysql_fetch_array($data)) {    
           $i += 1;          
           echo "<tr>"; 
           echo "<td>".$info['item']."</td>"; 
           echo "<td>".$info['descrip']."</td>";  

           echo "<td><input type=\"text\" input name=".$i." onKeyPress=\"return numbersonly(this, event)\" maxLength=\"3\"></td>"; 

           echo "<td><input type=\"text\" value=".$info['qtyshp']." name = \"ship$i\" onKeyPress=\"return numbersonly(this, event)\" maxLength=\"3\" disabled=\"disabled\"></td>"; 

           echo "<td><input type=\"text\" value=".$info['qtyord']." onKeyPress=\"return numbersonly(this, event)\" maxLength=\"3\" disabled=\"disabled\"></td>"; 

           echo "<td><select name = \"reason$i\">"; 
           echo "<option>Please Select...</option>"; 
           echo "<option>Short/Not received</option>"; 
           echo "<option>Damaged Goods</option>"; 
           echo "<option>Product Not Ordered</option>";      
           echo "</select></td>"; 

           echo "</tr>"; 
          } 

        ?> 
       </tbody> 
      </table> 
     </div> 
    </div> 
    <p><input type = "submit" value = "Dispute" name ="Submit"> 
    </form>

任何想法？幫助大量讚賞

來源

2013-01-19 Henry Pye

你能提供在客戶端的HTML輸出的樣本？另外，有沒有任何機會的JS錯誤？ – Boaz

HTML輸出是一個簡單的傳遞PHP，它只是將您發送到標題（「location：index。PHP的「）; 這將會是毫無意義的展示你的是，不幸的是我的強項是在PHP，jQuery的與其說當我拿出了preventDefault調用，它貫穿 - 顯示錯誤消息，所以它是尋找行有過錯，但後來它沒有擊中返回false，它只是不斷提交 –

幫自己一個大忙，並從HTML/PHP刪除內嵌JavaScript的每一點，然後利用jQuery的的力量完全處理'提交'事件，從一個很好的副作用是，你的JavaScript和HTML將被分離，更容易解決。 – Sparky

目前的收益將離開每個（），而不是validateSubmit()（validateSubmit目前不返回任何東西）

定義一個變量，在開始validateSubmit（），例如的

var r=true;//default returnValue

，並在validateSubmit（）的末尾加上：

return r;

現在，當你要離開validateSubmit（），每個裏面叫：

r=false;return;

這將留下each()和validateSubmit()與返回值r（什麼將false現在）

來源

2013-01-20 00:12:29

+1，好一個，我甚至沒有剛纔的小提琴工作時注意到'each'直到。對於OP，它提到了這一點也是[** jQuery.each（）文檔**]（http://api.jquery.com/jQuery.each/）中：'我們能打破。每個$（）循環在通過使回調函數返回false來進行特定的迭代。' – Nope

謝謝！這非常有幫助！ –

完全固定，非常感謝！ –

添加preventDefault調用您的代碼。更改行：

function validateSubmit(){

以下

function validateSubmit(e){ 
    e.preventDefault(); 
    ...

來源

2013-01-19 23:57:34 Ivan

這沒有起作用，它沒有拿出任何錯誤消息現在提交 –

確保您的按鈕使用「迴歸」也返回返回值：

<input type="submit" onClick="return validateSumbit();" />

你也應該刪除onsubmit處理程序來自表單標籤。

來源

2013-01-20 00:07:15 gunwin

的問題肯定是內jQuery，我剛剛加入並顯示Alert框兩次，但繼續提交 –

你指的是什麼jQuery？ – gunwin

您的validateSubmit()函數似乎沒有返回值。只有each()方法的回調函數會返回一個值，但實際的提交處理程序不會。實質上，您的驗證代碼按預期運行，顯示錯誤消息但不返回任何值來指示失敗。

你應該的validateSubmit()其each()方法可以修改和返回範圍內定義一個變量。

例如：

function validateSubmit() { 
    var form_is_valid = true; 

    $('tr').each(function() { 
     // Validation goes here 
     if (something_is_invalid) { 
      form_is_valid = false; 
      return; 
     } 
    }); 

    return form_is_valid; 
}

來源

2013-01-20 00:19:16 Boaz

jQuery - 查詢不會停止後返回false使用

回答

相關問題