javascript - 使用复选框进行验证

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')
})