javascript - Jquery、CSS、SetTimeOut、GravityForms

Question

我有这段代码，我需要将边框和标签的颜色更改为这种颜色。

我的代码是...

  <script> 
  $(document).ready(function(){

   $("#input_28_1").attr("disabled", true);
   $('#input_27_1').val("");
   $('#input_27_1_2').val("");
});

 <script>
   $(document).ready(function(){
           $("#gform_submit_button_27").click(function(e){

    var email1 = $('#input_27_1').val();
    var email2 = $('#input_27_1_2').val();

    //Oks na
    if (email1 == "" && email2 == "")
    {
      setTimeout(function()
      {
           $( ".gfield_description" ).clone().appendTo( "#clone-email-error" );
           $("#input_27_1_2").css("border", "1px solid #ec5665");
           $("label").css("color", "#333333");

      },1000);
     }

    //Oks na
    else if (email1 != "" && email2 == "")
    {
      setTimeout(function()
      {
           $( ".gfield_description" ).clone().appendTo( "#clone-email-error" );
           $("#input_27_1_2").css("border", "1px solid #ec5665");
           $("label").css("color", "#333333");

      },1000);
     }

    //Oks na
    else if (email1 == "" && email2 != "")
    {
      setTimeout(function()
      {
           $("label").css("color", "#333333");
           $("#input_27_1_2").css("border", "1px solid #E8E8E7");

      },1000);
     }
  });  

});

我需要删除 setTimeout 以便第一个文本框和第二个文本框同时更改颜色。但是，每当我尝试删除 setTimeOut 时，.clone&.append & .css 将不起作用。

希望能得到帮助。谢谢。

Answer 1

function test() {

    if (email1 == "" && email2 == "") {

        $(".gfield_description").clone().appendTo("#clone-email-error");
        $("#input_27_1_2").css("border", "1px solid #ec5665");
        $("label").css("color", "#333333");


    }

    //Oks na
    else if (email1 != "" && email2 == "") {

        $(".gfield_description").clone().appendTo("#clone-email-error");
        $("#input_27_1_2").css("border", "1px solid #ec5665");
        $("label").css("color", "#333333");

    }

    //Oks na
    else if (email1 == "" && email2 != "") {

        $("label").css("color", "#333333");
        $("#input_27_1_2").css("border", "1px solid #E8E8E7");


    }

}

var myVar = setTimeout(test, 1000);