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

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