使用jquery提交后,如果输入不足,如何发出警报

使用jquery提交后,如果输入不足,如何发出警报,jquery,validation,input,count,Jquery,Validation,Input,Count,我有一张表格,想把所有输入的人加起来,并在提交后发出类似“你输入的还不够”的警告。最低金额必须为10人,如果人数不足,将不发送表格。我试过这样的方法: jQuery(function($){ //if submit button is clicked $('#submit').click(function () { var $form = $('#booking'), $summands = $form.find('.persons'),

我有一张表格,想把所有输入的人加起来,并在提交后发出类似“你输入的还不够”的警告。最低金额必须为10人,如果人数不足,将不发送表格。我试过这样的方法:

jQuery(function($){
    //if submit button is clicked
    $('#submit').click(function () {  
        var $form = $('#booking'),
        $summands = $form.find('.persons'),
        $form.delegate('.persons', 'change', function() {
            var sum = 0;
            $summands.each(function() {
                var value = Number($(this).val());
                if (!isNaN(value)) 
                    sum += value;
            });
            alert( " + sum + " );
        });
    else {
        send email or something
    }
谁能给我一个提示吗


谢谢你

使用任何
div
默认设置使其隐藏,如果转到else条件,则为其删除css类。你需要做的第一件事是编写
$form.delegate('.persons','change',function()
事件处理程序
$('#submit')。单击(function(){
.delegate())
在较新版本的jQuery中已被弃用:请改用
.on()
。此外,为了防止表单默认提交,您应该使用
e.preventDefault()
。此外,除非您确实知道自己在做什么,否则应避免在事件处理程序中绑定事件。这可能有助于您了解各种事件处理程序的可用性: