仅在选择字段时如何允许表单提交

Question

我有一些由最终用户动态创建的选择字段，控制它们的唯一方法是向其添加一个属性类，以便所显示的所有选择都使用该类名。 我想要的是，当用户按下“立即购买”时，仅当所有选择字段都具有选定值时才提交表单。 如果未选择它们或未选择其中之一，则表单将返回false并相应地执行操作。

问题是在if语句中，我检查的是this.val为空，如果要返回false，则不起作用。 当我按提交页面得到处理。 我究竟做错了什么？

谢谢

这是我的代码。

$(document).ready(function()  {
        $(".btnbuy").click(function() {

            $(".attribute").each(function() {

                if($(this).val() == '') {
                        $(this).css('border','2px solid red');
                        return false;
                }
                else {
                    return true;
                }

            });


        });


});

Answer 1

尝试这个

$(document).ready(function() {
    $(".btnbuy").click(function() {
        var r = true;
        $(".attribute").each(function() {
            if ($(this).val() == '') {
                $(this).css('border', '2px solid red');
                r = false;
            }
        });
        return r;
    });
});