提示框出現與我接受使用條款

Question

昨天我發表了這篇文章。 ：alert is not cooperating with input

我得到它的工作，因爲我想它，但它不會採取一些地方#tjek因此，例如，如果你忘記點擊複選框，這樣就不會站起來，說：「嘿，你缺少的是眼前這個複選框，「

什麼問題是#tjek不回來，告訴你缺少這一切之前，我們可以繼續前進。

所以，換句話說，它的出現，稱 「JEG godkender brugerbetingelserne」

的Html

<form name="opretbruger" action="<?php $_SERVER['PHP_SELF'];?>" method="post" id="opretbruger"> 
    <table width="100%" cellpadding="0" cellspacing="0"> 
     <tr> 
     <td>Brugernavn</td> 
     <td><input type="email" name="email" class="opretbar" id="brugernavn"></td> 
     </tr> 
     <tr> 
     <td>Password</td> 
     <td><input type="password" name="pa2" class="opretbar" id="pass2"></td> 
     </tr> 
     <tr> 
     <td>Fornavn</td> 
     <td><input type="text" name="fornavn" class="opretbar" id="fornavn"></td> 
     </tr> 
     <tr> 
     <td>Efternavn</td> 
     <td><input type="text" name="efternavn" class="opretbar" id="efternavn"></td> 
     </tr> 
     <tr> 
     <td>Betingelserne</td> 
     <td><input type="checkbox" name="tjek" id="tjek"> Jeg godkender <a href="/brugerbetingelser/">brugerbetingelserne</a></td> 
     </tr> 
     <tr> 
     <td></td> 
     <td><input type="submit" name="tilmelddiggratis" value="Opret bruger" class="click opretbruger"></td> 
     </tr> 
    </table> 
    </form> 

的jQuery：

$(function() { 
    var $opretbruger = $('form[name="opretbruger"]'), 
     $pwd = $("#pass2"), 
     $usr = $("#brugernavn"), 
     $navn = $("#fornavn"), 
     $efter = $("#efternavn"), 
     $tjek = $("#tjek"); 

    $opretbruger.on("submit", function (event) { 
     var msg = "Du mangler ", 
      usr = ($usr.val().trim() !== ""), 
      pwd = ($pwd.val().trim() !== ""), 
      navn = ($navn.val().trim() !== ""), 
      efter = ($efter.val().trim() !== ""), 
      tjek = ($tjek.val().trim() !== ""); 

     msg += !usr ? "brugernavn" : ""; 
     msg += !usr && !pwd ? ", " : ""; 
     msg += !pwd ? "kodeord" : ""; 
     msg += !usr && !pwd && !navn ? ", " : ""; 
     msg += !navn ? "fornavn" : ""; 
     msg += !usr && !pwd && !navn && !efter ? ", " : ""; 
     msg += !efter ? "efternavn" : ""; 
     msg += !usr && !pwd && !navn && !efter && !tjek ? ", " : ""; 
     msg += !tjek ? "Jeg godkender brugerbetingelserne!" : ""; 

     var valid = pwd && usr && navn && efter && tjek; 
     if (!valid) { 
      alert(msg); 
     } 

     return valid; 
    }); 
}); 

Answer 1

不是檢查的的值複選框，您需要檢查「已檢查」屬性的狀態：

tjek = $tjek.prop("checked"); 

如果選中該複選框，將會是true，否則將爲false。

該複選框根本沒有「value」屬性，所以「value」屬性將始終爲空。