Предупреждение о проверке jquery для выбранного значения параметраg

Question

Я пытаюсь проверить поле со списком, как в приведенном ниже коде, я получаю несколько предупреждений, даже если выполняется одно условие.Мне нужно было получить только одно предупреждение, даже если одно условие верно, а другое должно быть выделено красным.спасибо

$(function() {
  $('#issue-form input[type="submit"]').click(function() {
    var TrackID = $('#issue_status_id').val();
    var IssueCF = $('#issue_custom_field_values_55').val();

    if (TrackID == '3' && IssueCF == '157') {
      alert("Please select an option!");
      $("#issue_custom_field_values_55").css("border", "2px solid red");
      return false;
    }
  });
});


$(function() {
  $('#issue-form input[type="submit"]').click(function() {
    var TrackID = $('#issue_status_id').val();
    var IssueCF = $('#issue_custom_field_values_52').val();

    if (TrackID == '3' && IssueCF == '156') {
      alert("Please select an option!");
      $("#issue_custom_field_values_52").css("border", "2px solid red");
      return false;
    }
  });
});

$(function() {
  $('#issue-form input[type="submit"]').click(function() {
    var TrackID = $('#issue_status_id').val();
    var IssueCF = $('#issue_custom_field_values_56').val();

    if (TrackID == '3' && IssueCF == '158') {
      alert("Please select an option!");
      $("#issue_custom_field_values_56").css("border", "2px solid red");
      return false;
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="issue-form">
  <div class="splitcontent">
    <p>
      <select name="issue[status_id]" id="issue_status_id">
        <option value="1">New</option>
        <option value="2">In Progress</option>
        <option selected="selected" value="3">Solved</option>
        <option value="4">Feedback</option>
        <option value="5">End</option>
        <option value="6">Rejected</option>
      </select>

      <p><label for="issue_custom_field_values_51"><span title="IssueType<" class="field-description">Issue Type</span></label>
        <select name="issue[custom_field_values][51]" id="issue_custom_field_values_51" class="enumeration_cf">
          <option value="">--- Please select ---</option>
          <option selected="selected" value="55">Software Bug</option>
          <option value="56">Enviromental Bug　</option>
          <option value="58">Other Factors</option>
        </select>
      </p>

      <p style="display: block;"><label for="issue_custom_field_values_52"><span title="OrginProcess" class="field-description">Orgin Process</span></label>
        <select name="issue[custom_field_values][52]" id="issue_custom_field_values_52" class="enumeration_cf">
          <option value="">&nbsp;</option>
          <option selected="selected" value="156">--- 未選択/not entered ---</option>
          <option value="59">１Ａ．ＢＩ</option>
          <option value="60">１Ｂ．ＢＤ</option>
          <option value="61">１Ｃ．ＤＤ</option>
          <option value="62">１Ｄ．ＰＤ</option>
          <option value="63">１Ｅ．Ｃ</option>
        </select>
      </p>

      <p style="display: block;"><label for="issue_custom_field_values_55"><span title="Reason" class="field-description">Reason of Leakage (Design)</span></label>
        <select name="issue[custom_field_values][55]" id="issue_custom_field_values_55" class="enumeration_cf">
          <option value="">&nbsp;</option>
          <option selected="selected" value="157">--- 未選択/not entered ---</option>
          <option value="79">Poor Quality</option>
          <option value="80">Not Reviewed</option>
          <option value="81">Review Point Leak</option>
          <option value="82">Review, Correction &amp; Confirmation</option>
          <option value="83">Lack of Communication</option>
          <option value="84">Other</option>
          <option value="85">Not Applicable</option>
        </select>
      </p>


      <p style="display: block;"><label for="issue_custom_field_values_56"><span title="Test Process" class="field-description">Test Process that Extract Bug</span></label>
        <select name="issue[custom_field_values][56]" id="issue_custom_field_values_56" class="enumeration_cf">
          <option value="">&nbsp;</option>
          <option selected="selected" value="158">--- 未選択/not entered ---</option>
          <option value="86">ＵＴ</option>
          <option value="87">ＳＩ1</option>
          <option value="88">ＳＩ2</option>
          <option value="89">ＰＴ</option>
          <option value="90">ＲＴ</option>
        </select>
      </p>

  </div>

</form>
<input type="submit" name="commit" value="Create">

Мне нужно было получить такой результат с предупреждением, когда первые другие значения были выбраны с опцией.Мне нужна была помощь от следующих изменений кода JavaScript.спасибо

Answer 1

Используйте приведенный ниже код в этом случае.Пожалуйста, нравится мой профиль, если он работает для вас.

<script type="text/javascript">
        $(function () {
            $('#issue-form input[type="submit"]').click(function () {
                var TrackID = $('#issue_status_id').val();
                var IssueCF = $('#issue_custom_field_values_55').val();
                var isAlert = 0;
                if (TrackID == '3' && IssueCF == '157') {
                    isAlert = 1;
                    $("#issue_custom_field_values_55").css("border", "2px solid red");
                } else {
                    $("#issue_custom_field_values_55").css("border", "none");
                }

                TrackID = $('#issue_status_id').val();
                IssueCF = $('#issue_custom_field_values_52').val();

                if (TrackID == '3' && IssueCF == '156') {
                    isAlert = 1;
                    $("#issue_custom_field_values_52").css("border", "2px solid red");
                } else {
                    $("#issue_custom_field_values_52").css("border", "none");
                }

                TrackID = $('#issue_status_id').val();
                IssueCF = $('#issue_custom_field_values_56').val();

                if (TrackID == '3' && IssueCF == '158') {
                    isAlert = 1;
                    $("#issue_custom_field_values_56").css("border", "2px solid red");
                } else {
                    $("#issue_custom_field_values_56").css("border", "none");
                }
                if (isAlert == "1") {
                    alert("Please select an option!");
                    return false;
                }
            });
        });

    </script>

Answer 2

Используйте приведенный ниже код для удаления рамки -

$(function () {
            $('#issue-form input[type="submit"]').click(function () {
                var TrackID = $('#issue_status_id').val();
                var IssueCF = $('#issue_custom_field_values_55').val();
                var isAlert = 0;
                if (TrackID == '3' && IssueCF == '157') {
                    isAlert = 1;
                    $("#issue_custom_field_values_55").css("border", "2px solid red");
                }
				else{
				$("#issue_custom_field_values_55").css("border", "none");
				}

                TrackID = $('#issue_status_id').val();
                IssueCF = $('#issue_custom_field_values_52').val();

                if (TrackID == '3' && IssueCF == '156') {
                    isAlert = 1;
                    $("#issue_custom_field_values_52").css("border", "2px solid red");

                }
else{
$("#issue_custom_field_values_52").css("border", "none");
}
                TrackID = $('#issue_status_id').val();
                IssueCF = $('#issue_custom_field_values_56').val();

                if (TrackID == '3' && IssueCF == '158') {
                    isAlert = 1;
                    $("#issue_custom_field_values_56").css("border", "2px solid red");
                }else
				{
					$("#issue_custom_field_values_56").css("border", "none");
				}
                if (isAlert == "1") {
                    alert("Please select an option!");
                    return false;
                }
            });
        });

<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="issue-form">
        <div class="splitcontent">
            <p>
                <select name="issue[status_id]" id="issue_status_id">
                    <option value="1">New</option>
                    <option value="2">In Progress</option>
                    <option selected="selected" value="3">Solved</option>
                    <option value="4">Feedback</option>
                    <option value="5">End</option>
                    <option value="6">Rejected</option>
                </select>

                <p>
                    <label for="issue_custom_field_values_51"><span title="IssueType<" class="field-description">Issue Type</span></label>
                    <select name="issue[custom_field_values][51]" id="issue_custom_field_values_51" class="enumeration_cf">
                        <option value="">--- Please select ---</option>
                        <option selected="selected" value="55">Software Bug</option>
                        <option value="56">Enviromental Bug　</option>
                        <option value="58">Other Factors</option>
                    </select>
                </p>

                <p style="display: block;">
                    <label for="issue_custom_field_values_52"><span title="OrginProcess" class="field-description">Orgin Process</span></label>
                    <select name="issue[custom_field_values][52]" id="issue_custom_field_values_52" class="enumeration_cf">
                        <option value="">&nbsp;</option>
                        <option selected="selected" value="156">--- 未選択/not entered ---</option>
                        <option value="59">１Ａ．ＢＩ</option>
                        <option value="60">１Ｂ．ＢＤ</option>
                        <option value="61">１Ｃ．ＤＤ</option>
                        <option value="62">１Ｄ．ＰＤ</option>
                        <option value="63">１Ｅ．Ｃ</option>
                    </select>
                </p>

                <p style="display: block;">
                    <label for="issue_custom_field_values_55"><span title="Reason" class="field-description">Reason of Leakage (Design)</span></label>
                    <select name="issue[custom_field_values][55]" id="issue_custom_field_values_55" class="enumeration_cf">
                        <option value="">&nbsp;</option>
                        <option selected="selected" value="157">--- 未選択/not entered ---</option>
                        <option value="79">Poor Quality</option>
                        <option value="80">Not Reviewed</option>
                        <option value="81">Review Point Leak</option>
                        <option value="82">Review, Correction &amp; Confirmation</option>
                        <option value="83">Lack of Communication</option>
                        <option value="84">Other</option>
                        <option value="85">Not Applicable</option>
                    </select>
                </p>


                <p style="display: block;">
                    <label for="issue_custom_field_values_56"><span title="Test Process" class="field-description">Test Process that Extract Bug</span></label>
                    <select name="issue[custom_field_values][56]" id="issue_custom_field_values_56" class="enumeration_cf">
                        <option value="">&nbsp;</option>
                        <option selected="selected" value="158">--- 未選択/not entered ---</option>
                        <option value="86">ＵＴ</option>
                        <option value="87">ＳＩ1</option>
                        <option value="88">ＳＩ2</option>
                        <option value="89">ＰＴ</option>
                        <option value="90">ＲＴ</option>
                    </select>
                </p>
        </div>
        <input type="submit" name="commit" value="Create">
    </form>
    </body>
    </html>

Answer 3

Я проанализировал ваш java-скрипт и обнаружил, что ваша логика требует некоторых изменений, как указано ниже -

$(function () {
            $('#issue-form input[type="submit"]').click(function () {
                var TrackID = $('#issue_status_id').val();
                var IssueCF = $('#issue_custom_field_values_55').val();
                var isAlert = 0;
                if (TrackID == '3' && IssueCF == '157') {
                    isAlert = 1;
                    $("#issue_custom_field_values_55").css("border", "2px solid red");
                }

                TrackID = $('#issue_status_id').val();
                IssueCF = $('#issue_custom_field_values_52').val();

                if (TrackID == '3' && IssueCF == '156') {
                    isAlert = 1;
                    $("#issue_custom_field_values_52").css("border", "2px solid red");

                }

                TrackID = $('#issue_status_id').val();
                IssueCF = $('#issue_custom_field_values_56').val();

                if (TrackID == '3' && IssueCF == '158') {
                    isAlert = 1;
                    $("#issue_custom_field_values_56").css("border", "2px solid red");
                }
                if (isAlert == "1") {
                    alert("Please select an option!");
                    return false;
                }
            });
        });

<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="issue-form">
        <div class="splitcontent">
            <p>
                <select name="issue[status_id]" id="issue_status_id">
                    <option value="1">New</option>
                    <option value="2">In Progress</option>
                    <option selected="selected" value="3">Solved</option>
                    <option value="4">Feedback</option>
                    <option value="5">End</option>
                    <option value="6">Rejected</option>
                </select>

                <p>
                    <label for="issue_custom_field_values_51"><span title="IssueType<" class="field-description">Issue Type</span></label>
                    <select name="issue[custom_field_values][51]" id="issue_custom_field_values_51" class="enumeration_cf">
                        <option value="">--- Please select ---</option>
                        <option selected="selected" value="55">Software Bug</option>
                        <option value="56">Enviromental Bug　</option>
                        <option value="58">Other Factors</option>
                    </select>
                </p>

                <p style="display: block;">
                    <label for="issue_custom_field_values_52"><span title="OrginProcess" class="field-description">Orgin Process</span></label>
                    <select name="issue[custom_field_values][52]" id="issue_custom_field_values_52" class="enumeration_cf">
                        <option value="">&nbsp;</option>
                        <option selected="selected" value="156">--- 未選択/not entered ---</option>
                        <option value="59">１Ａ．ＢＩ</option>
                        <option value="60">１Ｂ．ＢＤ</option>
                        <option value="61">１Ｃ．ＤＤ</option>
                        <option value="62">１Ｄ．ＰＤ</option>
                        <option value="63">１Ｅ．Ｃ</option>
                    </select>
                </p>

                <p style="display: block;">
                    <label for="issue_custom_field_values_55"><span title="Reason" class="field-description">Reason of Leakage (Design)</span></label>
                    <select name="issue[custom_field_values][55]" id="issue_custom_field_values_55" class="enumeration_cf">
                        <option value="">&nbsp;</option>
                        <option selected="selected" value="157">--- 未選択/not entered ---</option>
                        <option value="79">Poor Quality</option>
                        <option value="80">Not Reviewed</option>
                        <option value="81">Review Point Leak</option>
                        <option value="82">Review, Correction &amp; Confirmation</option>
                        <option value="83">Lack of Communication</option>
                        <option value="84">Other</option>
                        <option value="85">Not Applicable</option>
                    </select>
                </p>


                <p style="display: block;">
                    <label for="issue_custom_field_values_56"><span title="Test Process" class="field-description">Test Process that Extract Bug</span></label>
                    <select name="issue[custom_field_values][56]" id="issue_custom_field_values_56" class="enumeration_cf">
                        <option value="">&nbsp;</option>
                        <option selected="selected" value="158">--- 未選択/not entered ---</option>
                        <option value="86">ＵＴ</option>
                        <option value="87">ＳＩ1</option>
                        <option value="88">ＳＩ2</option>
                        <option value="89">ＰＴ</option>
                        <option value="90">ＲＴ</option>
                    </select>
                </p>
        </div>
        <input type="submit" name="commit" value="Create">
    </form>
    </body>
    </html>