我想優化我的這個jQuery驗證自定義代碼

Question

這是我的代碼。我想優化這段代碼，我想這jQuery代碼

$(document).ready(function() { 
    strong text$("form").submit(function() { 
    if ($("input[name*='first-name']").val() === "") { 
     $("input[name*='first-name']").addClass("error"); 
     return false; 
    } 
    if ($("input[name*='last-name']").val() === "") { 
     $("input[name*='last-name']").addClass("error"); 
     return false; 
    } 
    if ($("input[name*='email-address']").val() === "") { 
     $("input[name*='email-address']").addClass("error"); 
     return false; 
    } 
    if ($("input[name*='enter-your-waist-size']").val() === "") { 
     $("input[name*='enter-your-waist-size']").addClass("error"); 
     return false; 
    } 
    }); 
}); 

Answer 1

最大，你可以像這樣與你的代碼一些代碼，

$(document).ready(function() { 
    strong text$("form").submit(function(){ 
     var firstName = $("input[name*='first-name']"), 
      lastName = $("input[name*='last-name']"), 
      emailAddress = $("input[name*='email-address']"), 
      waistSize = $("input[name*='enter-your-waist-size']"); 

     if(firstName.val() === ""){ 
      $(this).addClass("error"); 
      return false; 
     } 
     if(lastName.val() === ""){ 
      $(this).addClass("error"); 
      return false; 
     } 
     if(emailAddress.val() === ""){ 
      $(this).addClass("error"); 
      return false; 
     } 
     if(waistSize.val() === ""){ 
      $(this).addClass("error"); 
      return false; 
     } 
    }); 
}); 

Answer 2

嘗試這個

我有將選定的元素添加到數組中。然後我打開它，因爲你試圖一次又一次地執行同一段代碼。

$(document).ready(function() { 
    strong text$("form").submit(function() { 
    var var myArray = []; 
    myArray.push($("input[name*='first-name']")) 
    myArray.push($("input[name*='last-name']")) 
    myArray.push($("input[name*='email-address']")) 
    myArray.push($("input[name*='enter-your-waist-size']")) 
    jQuery.each(arr, function(i, val) { 
     if ($(val).val() === "") { 
     $(val).addClass("error"); 
     return false; 
     } 
    }); 
    }); 
});