使用复选框进行验证

Question

我是javascript的新手。我想在我的复选框上进行验证。我有这个HTML

<input type="checkbox" name="acceptTerms"/>
<input type="submit" name="subscribe" value="Enter now" title="Enter now" />

提交时，您不选中该复选框。该复选框必须得到类“错误”。当您选中复选框时。比表格必须是sumit。如何用jQuery / js做到这一点？

由于

Answer 1

尝试以下方法：

$('#yourForm').submit(function(e){
    var $check = $('input[name=acceptTerms]');
    if (!$check.is(':checked')) {
       $check.addClass('error');
       e.preventDefault()
    }
})

$('input[name=acceptTerms]').change(function(){
     if (this.checked) $(this).removeClass('error')
})