JavaScript Validation for dynamic checkbox list -

-

i'm having issues getting validation work. need make sure textbox's populated , @ least 1 checkbox ticked. text fields easy enough, way checkbox's populated making hard. here snippet form looks like, there lot more after this. can change event on checkbox's or remove them?

<form id="orderform" action="#" method="get" onsubmit="return cdsubmitvalidate();">     <section id="selectcd">         <h2>select cds</h2> <div class='item'>         <span class='cdtitle'>a biography of rev. absalom dawe</span>         <span class='cdyear'>2001</span>         <span class='catdesc'>comedy</span>         <span class='cdprice'>11.70</span>         <span class='chosen'><input type='checkbox' name='cd[]' value='651' title='11.70' onclick='checkboxcheck(this)'/></span>     </div> <div class='item'>         <span class='cdtitle'>a bronx tale soundtrack</span>         <span class='cdyear'>2000</span>         <span class='catdesc'>death metal</span>         <span class='cdprice'>7.80</span>         <span class='chosen'><input type='checkbox' name='cd[]' value='652' title='7.80' onclick='checkboxcheck(this)'/></span>     </div> <div class='item'>         <span class='cdtitle'>a little deeper</span>         <span class='cdyear'>2000</span>         <span class='catdesc'>rap/r&b</span>         <span class='cdprice'>8.30</span>         <span class='chosen'><input type='checkbox' name='cd[]' value='653' title='8.30' onclick='checkboxcheck(this)'/></span>     </div>          <div id="retcustdetails" class="custdetails">             forename <input type="text" name="forename" id="forename" />             surname <input type="text" name="surname" id="surname" />         </div> <p><input type="submit" name="submit" value="order now!" id="sub1"/></p>

tried far no avail.

function cdsubmitvalidate(){   var forename = document.getelementbyid('forename').value;   var surname = document.getelementbyid('surname').value;   var checkboxticked;    function checkboxcheck(elemname){      if (elemname.checked == true) {     checkboxticked = true;     }else if (elemname.checked == false) {     checkboxticked = false;     }   };    if (!forename || !surname || checkboxticked) {     alert("input criteria not met. please review , try again");     return false;   }  };

i think fix it, first moved checkboxcheck() function out of cdsubmitvalidate() function, checkboxticked. think problem callign function inside fuction console logged:

uncaught referenceerror: checkboxcheck not defined.

also in if statement condition 

if (!forename || !surname || checkboxticked)

i changed if (!forename || !surname || !checkboxticked)

codepen

var checkboxticked;    function cdsubmitvalidate() {    var forename = document.getelementbyid('forename').value,      surname = document.getelementbyid('surname').value;      if (!forename || !surname || !checkboxticked) {      alert("input criteria not met. please review , try again");      return false;    }    };    function checkboxcheck(elemname) {      if (elemname.checked == true) {      checkboxticked = true;    } else if (elemname.checked == false) {      checkboxticked = false;    }  };
<form id="orderform" action="#" method="get" onsubmit="return cdsubmitvalidate();">      <section id="selectcd">          <h2>select cds</h2>  <div class='item'>          <span class='cdtitle'>a biography of rev. absalom dawe</span>          <span class='cdyear'>2001</span>          <span class='catdesc'>comedy</span>          <span class='cdprice'>11.70</span>          <span class='chosen'><input type='checkbox' class="chkbx" name='cd[]' value='651' title='11.70' onclick='checkboxcheck(this)'/></span>      </div>  <div class='item'>          <span class='cdtitle'>a bronx tale soundtrack</span>          <span class='cdyear'>2000</span>          <span class='catdesc'>death metal</span>          <span class='cdprice'>7.80</span>          <span class='chosen'><input type='checkbox' class="chkbx" name='cd[]' value='652' title='7.80' onclick='checkboxcheck(this)'/></span>      </div>  <div class='item'>          <span class='cdtitle'>a little deeper</span>          <span class='cdyear'>2000</span>          <span class='catdesc'>rap/r&b</span>          <span class='cdprice'>8.30</span>          <span class='chosen'><input type='checkbox' class="chkbx" name='cd[]' value='653' title='8.30' onclick='checkboxcheck(this)'/></span>      </div>            <div id="retcustdetails" class="custdetails">              forename <input type="text" name="forename" id="forename" />              surname <input type="text" name="surname" id="surname" />          </div>  <p><input type="submit" name="submit" value="order now!" id="sub1"/></p>


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more