javascript中的Thymeleaf控制复选框答案

【问题标题】：Thymeleaf control check box in javascriptjavascript中的Thymeleaf控制复选框
【发布时间】：2014-04-02 16:40:09
【问题描述】：

我有一个带有复选框的表单。提交表单后，我想控制用户是否选中了该框。

这是我的代码示例：

<form action="DoLogin" method="post" id="loginForm">
    <h3>Giriş</h3>
    <label><span>Kullanıcı:</span></label> <input type="text" placeholder="E-posta adresinizi Giriniz" class="round" name="userName" id="userName" required="true" ></input>
    <label><span>Parola:</span></label> <input type="text" placeholder="Parolanızı Giriniz...." name="password" id="password" required="true" ></input> 
    <label>Giriş Yaparak <span href="#" style="color: red;">Kullanıcı Sözleşmesini</span> Kabul Ediyorum...</label> <input id="userAgreement" type="checkbox" th:checked="${true}"></input>
    <label for="checkbox1" class="round" th:checked="${true}"  id="userAgreement" >Beni Hatırla</label> 
    <a href="#" class="button login round" onclick="login();return false">Giriş</a>
</form>

这是我的js代码：

function login(){

    var control=true;

    userName =  $('#userName').val(),
    password =  $('#password').val(),
    userAgree = $('#userAgreement').checked`enter code here`

    if(userName.length == 0 ) {

        alert('Lütfen e-posta adresini giriniz.')

        return false;

    }else if( password.length == 0 ){

        alert('Lütfen parolanızı giriniz.')

        return false;

    }else if( userAgree == false ){

        alert('Lütfen kullanıcı sözleşmesini okudum bölümünü işaretleyiniz.')

        return false;
    }


    $('#loginForm').submit();

};

【问题讨论】：

标签： java javascript html thymeleaf

【解决方案1】：

userAgree == false 表示 !$("#userAgreement").is(":checked")

【讨论】：

【解决方案2】：

//override the form submit function that will return false when check box is not checked and
// will not submit the form

$("form").submit(function(){
if(!$("#userAgreement").is(":checked"))
{
alert("Please check the agreement");
return false;
}

});
// add above code in your js

function login(){

    var control=true;

    userName =  $('#userName').val(),
    password =  $('#password').val(),
    userAgree = $('#userAgreement').checked`enter code here`

    if(userName.length == 0 ) {

        alert('Lütfen e-posta adresini giriniz.')

        return false;

    }else if( password.length == 0 ){

        alert('Lütfen parolanızı giriniz.')

        return false;

    }else if( userAgree == false ){

        alert('Lütfen kullanıcı sözleşmesini okudum bölümünü işaretleyiniz.')

        return false;
    }


    $('#loginForm').submit();

};

【讨论】：