2010-02-10 109 views
3

這是我在stackoverflow上的第一篇文章,希望你能幫助我!AJAX/Javascript複選框驗證

我需要的JavaScript/AJAX驗證的形式,我提出, 複選框默認情況下取消,但是當它被選中,一個JavaScript框應彈出顯示該文本上覆選框, 「你有選中時事通訊複選框,你確定你想收到我們的通訊?「 當他們點擊提交按鈕。

如果他們點擊是,表單應該提交時事通訊複選框信息,如果沒有,表單仍應提交,但沒有時事通訊複選框信息。

我真的很感謝幫助,謝謝。

回答

2

歡迎來到SO!

您將需要一個在提交表單時運行的Javascript函數。從那裏,你將檢查該框是否被選中,如果是,使用confirm()來顯示你的消息。如果他們選擇否,那麼您通過Javascript取消選中該框並且您的表單照常提交。

僞代碼:

<script language="javascript"> 
     function checkNewsLetter() 
     { 
      var chk = document.getElementById('chk1'); 
      if ((chk.checked) && (!confirm('Are you sure you wish to sign up?'))) 
       chk.checked = false; 
     } 
</script> 

<form onsubmit="return checkNewsLetter();"> 
     <input type="checkbox" id="chk1" name="chk1" /> 
     <input type="submit" /> 
</form> 

我也建議檢查出jQuery您所有的JavaScript需要,這是非常容易使用。

+0

完美運作,超過一百萬wsanville! 我將很快在網站上實現代碼,如果遇到任何問題,我會在這裏再次發佈。 那我肯定會看看jQuery。 再次感謝! – Odyss3us 2010-02-10 14:56:59