Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在打开模式的同一按钮单击上验证选择字段?_Javascript_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

Javascript 如何在打开模式的同一按钮单击上验证选择字段?

Javascript 如何在打开模式的同一按钮单击上验证选择字段?,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我正在尝试验证一个select,它是选择一个选项以继续该过程所必需的。如果未选择任何选项,则应显示警报框,否则应打开模式。在我的例子中,模态以任何一种方式打开 <select class="form-control" id="account_name" name="account_name"> <option value="">Select Customer..</option> <?php while ($rows = pg_f

我正在尝试验证一个select,它是选择一个选项以继续该过程所必需的。如果未选择任何选项,则应显示警报框,否则应打开模式。在我的例子中,模态以任何一种方式打开

<select  class="form-control" id="account_name"  name="account_name">
<option  value="">Select Customer..</option>
     <?php
    while ($rows = pg_fetch_assoc($result)) { ?>
          <option value="<?= $rows['address1'] . ' ' . 
              $rows['address2'] . ' ' . $rows['address3'] .' '.$name. '-' . 
              $rows['account_code']; ?>"><?= $rows['account_name']; ?>
          </option>
     <?php } ?>
 </select>

  <div class="wrapper1" id='business1'>
       <input type="submit" id="myBtn"  value="New Order" style="height:55px; width:170px; margin-left: -50px;" class="btn btn-success" />
  </div>

<!-- JQUERY -->

 $(document).ready(function () {
      $("#myBtn").click(function () {
         if ($("#account_name").val() === NULL){
            alert('Please select an option');           
         }
         else
         {
            $('#myModal').modal('show');
         }
      });
  });

选择客户。。
$(文档).ready(函数(){
$(“#myBtn”)。单击(函数(){
if($(“#帐户名称”).val()==NULL){
警报(“请选择一个选项”);
}
其他的
{
$('myModal').modal('show');
}
});
});
使用此代码,模式不会显示在任何选择上,也不会显示警报框

我也试过这样做

 <select  class="form-control" id="account_name" name="account_name" 
 required>


尽管在这里应用了验证,但如果未选择任何选项,则仍会在提交时打开模式。

javascript区分大小写,因此NULL不是NULL。Javascript还试图提供帮助,如果变量(如NULL)不存在,则将其转换为字符串,因此代码中的if($(…).val()==='NULL')永远不会为真,因此出现了模式。Javascript还将任何错误值转换为错误。。。所以null、、0和undefined都是false,我假设您没有使用0或“”作为选项之一,因此您可以简单地使用if(!$(…).val()),而不是

您是否尝试过if检查为空?如果($(“#帐户名称”).val()==”)javascript区分大小写,那么
NULL
不是
NULL
。Javascript还试图提供帮助,并将变量(如
NULL
)转换为字符串(如果它们不存在),因此您的代码表示
if($(…).val()==='NULL')
,这从来都不是真的,因此出现了模式。Javascript还将任何错误值转换为错误。。。所以
null
'
0
undefined
都是假的,我假设你没有使用
0
'
作为你的选项之一,所以你可以简单地
如果(!$(…).val()
,而不是请a)正确地缩进你的代码b)发布客户端问题的最终HTML(不是PHP)(也不要使用那样的值;只需使用id;服务器上的所有数据都可用)@leroystav谢谢。我只知道这个infompj。我试过了。我仍然得到相同的输出