文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >所选选项值的jquery验证警报

问所选选项值的jquery验证警报
EN

Stack Overflow用户
提问于 2018-05-31 16:38:42
回答 3查看 68关注 0票数 0

我正在尝试验证组合框，就像下面的代码一样，我收到的警告消息很少，即使有一个条件是真的。我只需要得到一个警报，即使一个条件是真的，另一个条件应该是红色的。谢谢

​

代码语言：javascript
复制
$(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;
    }
  });
});
代码语言：javascript
复制
<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代码更改中获得帮助。谢谢

validation
javascript
jquery
html
css
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-08-23 21:10:47

使用下面给定的代码删除边框-

​

代码语言：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;
                }
            });
        });
代码语言：javascript
复制
<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>

​

票数 1
EN

Stack Overflow用户

发布于 2018-05-31 17:27:33

我分析了你的java脚本，发现你的逻辑需要做一些修改，如下所示-

​

代码语言：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");
                }

                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;
                }
            });
        });
代码语言：javascript
复制
<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>

​

票数 1
EN

Stack Overflow用户

发布于 2018-05-31 17:51:16

在这种情况下使用下面给定的代码。请喜欢我的个人资料，如果它为你工作。

​

代码语言：javascript
复制
<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>

​

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/50620078

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档