如果未選中複選框，如何使表單無法提交

我在電子商務解決方案中創建了表單。除了可以添加頁腳和頁眉之外，我沒有訪問代碼的權限。所以我可以寫一些js和css代碼。如果未選中複選框，如何使表單無法提交

我想，我可以通過使用

<input type="checkbox" name="checkbox1" class="default-input sale-text-req"/>Please read the <a href="#">Terms and Conditions</a>

我想確保，直到選中複選框未提交的表單添加一個複選框。我確實有訂單按鈕的名稱/編號。任何想法如何可以做到這一點

感謝

Prady

來源

2011-03-07 Prady

另一種選擇是，以防止直到用戶選擇的條款和條件的啓用提交按鈕。你也可以烤更多的驗證，以這種形式：

function checkTerms() { 
    if(document.formname.checkboxname.checked) 
    { 
     document.formname.submitname.disabled=false; 
    } 
    else 
    { 
     document.formname.submitname.disabled=true; 
    } 
}

或使用jQuery：

function checkTerms() { 
    if($('input[name="checkbox1"]').is(":checked") 
    { 
     $('input[name="submitname"]').attr('disabled', 'disabled'); 
    } 
    else 
    { 
     $('input[name="submitname"]').removeAttr('disabled'); 
    } 
}

最後你的複選框，當點擊時，你會觸發驗證：

<input type="checkbox" name="checkbox1" class="default-input sale-text-req" onclick="checkTerms();"/>

來源

2011-03-07 19:38:02 CraigKerstiens

很高興找到這個，但希望按鈕變灰，直到複選框被勾選，它停止提交，但你不能然後勾選框並單擊按鈕。 – AndrewB 2012-07-08 20:01:54

在onsubmit屬性，檢查該元素的值。如果未選中，請使用return false。

來源

2011-03-07 19:28:41 pimvdb

綁定驗證你的表單提交事件，像這樣：

$("form").submit(function (e) { 
    if(!$("input[name='checkbox1']").is(":checked")) { 
     e.preventDefault(); 
    } 
});

來源

2011-03-07 19:29:27 lsuarez

如果'''錯過了關閉。 – pimvdb 2011-03-07 19:32:40

它沒有工作...不知道什麼問題是..這裏是網址https://brianhaskins.infusionsoft.com/saleform/nathniiu – Prady 2011-03-07 19:38:49

@Prady我錯過了關閉如果檢查作爲pimvdb提到的rparen。可能會再次嘗試使用上面編輯的代碼。 – lsuarez 2011-03-07 19:59:53

如果未選中複選框，如何使表單無法提交

回答

相關問題