überprüfen Sie mindestens ein Kontrollkästchen aktiviert ist formularübergabe

Ich habe ein Formular, das besteht aus checkbox-Felder, nun auf dem Formular-übermittlung sollten wir prüfen, ob mindestens eine checkbox aktiviert ist

html-code

<form id="form_check" class="form" action="/path/to/some/url" method="POST">
  {% for field in fields %}
     <div class="check_fields">  
         <input class="select-unselect" type="checkbox" name="invite" value="">
          {{field}}
     </div>
  {% endfor %} 
     <input type="submit" class="btn btn-primary" value="Submit" onsubmit="atleast_onecheckbox()"/>
</form>

javascript-code

<script type="text/javascript">
    function atleast_onecheckbox()
            {
             var value = $("[name=invite]:checked").length > 0);
                 alert(value) ;      
                 if (!value)
                      {
                    alert("Please.....");
                       }
            }   
</script>

Also wenn ich klickte auf den Absenden-button, wird das Formular umleiten auf die url erwähnt in der action, aber ist nicht auch das schlagen der javascript-Funktion atleast_onecheckbox()

was falsch in dem obigen code, kann bitte jemand machen, der obige code funktioniert ?

onsubmit sollte auf die form, nicht den submit-button. Auch Sie müssen entweder return false oder event.preventDefault() um zu verhindern, dass die form von der Abgabe.

InformationsquelleAutor Shiva Krishna Bavandla | 2013-08-22

  1. 3

    Sollten Sie nicht befestigen JavaScript-event direkt im HTML-Code, das ist ein wirklich schlechter Praxis.
    Stattdessen, weil Sie jQuery verwenden, sollten Sie die jQuery event-handler :

    $('#form_check').on('submit', function (e) {
  if ($("input[type=checkbox]:checked").length === 0) {
      e.preventDefault();
      alert('no way you submit it without checking a box');
      return false;
  }
});

    (http://jsbin.com/IXeK/1/edit)

    Wenn Sie wirklich wollen, verwenden HTML "onsubmit", auch wenn es schlecht ist (und Sie sollten sich schlecht fühlen, nur durch das denken), das "onsubmit" sein sollte:

    • die an der form
    • sollte verhindern, dass das default-event auf den submit -
    • return false

    Also es umfasst alles. Wie hier http://jsbin.com/IXeK/2/edit

    <form onsubmit="return atleast_onecheckbox(event)" id="form_check" class="form" action="/path/to/some/url" method="POST">
 <div class="check_fields">  
     <input class="select-unselect" type="checkbox" name="invite" value="">
 </div>
 <input type="submit" class="btn btn-primary" value="Submit" />

    function atleast_onecheckbox(e) {
  if ($("input[type=checkbox]:checked").length === 0) {
      e.preventDefault();
      alert('no way you submit it without checking a box');
      return false;
  }
}
    Dank seiner Arbeit !!!!

    InformationsquelleAutor dievardump

  2. 0
    <script type="text/javascript">
function atleast_onecheckbox()
        { 
         if (document.getElementById('invite').checked) {
            alert('the checkbox is checked');
            }
         else
           {
          alert("please check atleast one..");
          return false;
           }    
        }   
 </script>    
 <form id="form_check" class="form" action="/path/to/some/url" method="POST">
  {% for field in fields %}
  <div class="check_fields">  
     <input class="select-unselect" type="checkbox" name="invite" id="invite" value="">
      {{field}}
 </div>
 {% endfor %} 
 <input type="submit" class="btn btn-primary" value="Submit" onclick=" return  atleast_onecheckbox()"/>
</form>
    immer noch die gleichen, umleiten, ohne dass das alter mesages
    ich habe bearbeitet die Antwort. könnten Sie bitte versuchen mit...
    yep seine Arbeit in dieser Weise, aber wir können nicht gleiche id für alle Checkboxen richtig ?, das sollte eindeutig sein, denn ich habe realisiert ckeckall/unckeckall functionlaity basierend auf checkbox-Felder

    InformationsquelleAutor shemy

Schreibe einen Kommentar