僅在選擇字段時如何允許表單提交

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