jQuery技术:在重定向之前,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(); } }); }); 

      以上就是jQuery教程分享在重定向之前,JQuery检查哪个输入文本框的边框颜色为红色相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/561441.html

      (0)
      上一篇 2021年2月4日
      下一篇 2021年2月4日

      精彩推荐