複選框和文本字段驗證javascript

我有一個文本字段和移動網站上的複選框，需要在提交表單之前需要。一種是需要繼續進行的郵政編碼搜索，另一種是條款和條件的複選框。複選框和文本字段驗證javascript

現在我有文本框驗證工作......

<script> 
    function validateForm() { 
     var x=document.forms["searchform"]["fromAddress"].value; 
     if (x==null || x=="") { 
      alert("Oops! You forgot to enter a location."); 
      return false; 
     } 
    } 
</script>

但我無法弄清楚如何在複選框中添加... 下面是表單代碼：

<form name="searchform" method="post" action="list.php" onsubmit="return validateForm()"> 
    <input type="hidden" name="search" value="1" /> 
    <input class="txtfield" type="search" id="search" name="fromAddress" onfocus="this.value=''" /> 

    <div class="terms-container"> 
     <div class="terms-checkbox-container"> 
      <input class="acceptterms" type="checkbox" name="agree" value="agree_terms"> 
     </div> 
     <div class="terms-text-container"> 
      I Agree to the Terms and Conditions 
     </div> 
    </div> 
    <input class="btn-submit" type="submit" id="submit" value="Go!"/> 
</form>

任何幫助將是偉大的。謝謝！

來源

2013-10-13 Shawn Patoka

您可以使用checked屬性獲取複選框的狀態。所以，你可以做這樣的事情。

<script> 
    function validateForm() { 
     var x=document.forms["searchform"]["fromAddress"].value; 
     var y=document.forms["searchform"]["agree"].checked; 
     if (x==null || x=="") { 
      alert("Oops! You forgot to enter a location."); 
      return false; 
     } 
     if (y === false) { 
      alert("Oops! You forgot to agree to the terms and Conditions"); 
      return false; 
     } 
    } 
</script>

來源

2013-10-13 08:04:54 thefourtheye

使用下面的代碼：

var agreeCheckbox = document.forms["searchform"]["agree"]; 
if(!agreeCheckbox.checked) { 
    alert('You need to accept terms to submit'); 
    return false; 
} 
return true;

來源

2013-10-13 08:05:23 Rajesh

非常感謝你們！顯然我對此很新，而且我以爲我已經嘗試過這樣的一切。再次感謝。 –

如果您發現它們有用，您應該注意/接受答案。這鼓勵其他人幫助像你這樣的人。 – Rajesh

您可以使用

function validateForm() 
{ 
    var x=document.forms["searchform"]["fromAddress"].value; 
    if (x==null || x=="") 
    { 
     alert("Oops! You forgot to enter a location."); 
     return false; 
    } 

    var checkbox = document.forms['searchform']['agree']; 
    if (!checkbox.checked) { 
     alert('Oops! You must agree with Terms'); 
     return false; 
    } 

    return true; 
}

http://jsfiddle.net/KkYmX/5/

來源

2013-10-13 08:05:27 ghettovoice

我相信你可以選中該複選框的checked屬性：

var checked = document.forms["searchform"]["agree"].checked; 
if (!checked) { 
    alert("Oops! Please check the checkbox!"); 
    return false; 
}

來源

2013-10-13 08:05:51

複選框和文本字段驗證javascript

回答

相關問題