在重定向之前，JQuery检查哪个输入文本框的边框颜色为红色
我有个问题。 我设计了一个按钮，当用户单击此按钮时，它会触发一个函数，使用JQuery检查哪个输入文本框是红色的。 如果找到一个框，则在此页面上停止而不是重定向，并通知用户输入无效。 这是一个演示： 链接
HTML代码：
JQuery代码：
$('#create-submit').click(function (event) { $('input[type = text]').each(function (event) { if ($(this).css('border-color') == 'red') { alert("Please check red input boxes and click create again."); event.preventDefault(); } }); });
但是，在演示中，JQuery函数没有按预期工作。 请帮帮我。 非常感谢。
尝试
$("#create-submit").click(function(event) { event.preventDefault(); var res = $("input[type=text]").toArray().some(function(el) { return $(el).css("border-color") === "rgb(255, 0, 0)" }); // `border-color` === `rgb(255, 0, 0)` , `border-color`:`"red"` if (res) { alert("Please check red input boxes and click create again."); } else { // do other stuff }; });
例如：
CSS
.error{ border: 1px solid red; }
HTML
JS
$('#create-submit').click(function (event) { $('input[type = text]').each(function (event) { if ($(this).hasClass('error')) { alert("Please check red input boxes and click create again."); event.preventDefault(); } }); });