jquery脚本,用于检查文本框是否为空,或者选中复选框

时间:2018-05-14 08:22:25

标签: jquery asp.net vb.net

我正在使用客户端ID来检查文本框是否为空,这在我的脚本中有效但在检查复选框是否已选中时它不会执行任何操作

这是我的脚本

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>  
    <script type="text/javascript">  
        $(function () {
            $('#<%=lbtnSave.ClientID %>').click(function () {
                var txt = $('#<%=txtPhotoAndVideoConsentIfNot.TextBoxID %>');

                if ((txt.val() != null && txt.val() != '')) {
                    alert('filled in');
                } else {
                    alert('empty ');
                }

                if $('#<%= cbPhotoAndVideoConsent.ClientID %>').is(':checked') {
                    alert("TEst");
                }

            })
        });
    </script>  

使用按钮,文本框和复选框的客户端ID。复选框的IF工作但另一个不工作。

我的目标是,我有一个包含文本框和复选框的表单,用户必须填写一个或另一个

感谢帮助

1 个答案:

答案 0 :(得分:0)

多个问题:

  • 删除一行以加载jquery
  • 没有TextBoxID属性
  • if语句
  • 周围缺少()括号
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">  
  $(function () {
      $('#<%=lbtnSave.ClientID %>').click(function () {
          var txt = $('#<%=txtPhotoAndVideoConsentIfNot.ClientID %>'); //fix ClientID

          if ((txt.val() != null && txt.val() != '')) {
              alert('filled in');
          } else {
              alert('empty ');
          }
          if ($('#<%= cbPhotoAndVideoConsent.ClientID %>').is(':checked')) { //add parenthesis here
              alert("TEst");
          }
      })
  }
</script>

要捕获这些错误,只需按F12打开浏览器中的开发人员工具,然后观察控制台窗口即可。这将打印出javascript错误给你。

//编辑: 如果你想要结合这两个条件,简单地这样做:

if ((txt.val() != null && txt.val() != '') && $('#<%= cbPhotoAndVideoConsent.ClientID %>').is(':checked')) {
    alert('filled in');
} else {
    alert('empty ');
}