Question

在下面的代码中，考虑我留下空文本框并单击提交：文本框边框将变为红色但如果我对下拉列表执行相同操作则不会发生。 types1 as $ val1）{？＆gt; “＆GT;

$(document).on('click', '#save_hospital', function () {
var name = $('#name').val();
var type1 = $('#department_name').find("option:selected").val();             
if (name == '' || name == undefined)
  {
    $('#name').css('border', 'medium solid red');                      
  }
if (type1 == '' || type1 == undefined)
  {
    $('#type1').css('border', 'medium solid red');                     
  }
});

Answer 1

我们的代码中的一个主要问题是您需要在jquery中使用下拉列表ID。使用$('#department_name')代替$('#type1')。也是使用默认选项值检查的正确方法。请尝试以下代码。

示例代码

＆＃13;

$(document).on('click', '#save_hospital', function () {
    var name = $('#name').val();
    var type1 = $('#department_name').find("option:selected").val();             
    if (name == '' || name == undefined)
      {
        $('#name').css('border', 'medium solid red');                      
      }
    if (type1 == "" || type1 == 0 || type1 == undefined)
      {
        $('#department_name').css('border', 'medium solid red');                     
      }
     else{
      $('#department_name').css('border', 'none');                     
     }
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="department_name" id="department_name">
      <option value="0">Select Department</option>
      <option value="1">Deparatment1</option>
      <option value="2">Deparatment2</option>
    </select>
<input type="button" id="save_hospital" value="save">

＆＃13;

Answer 2

$(document).on('click', '#save_hospital', function () {

var selectDept =$('#department_name').find("option:selected").val();             
if (selectDept == 0)
  {
      $('#department_name').css('border', 'medium solid red');   

  }else{
    $('#department_name').css('border', 'none');   
  }

});

检查此示例fiddle https://jsfiddle.net/c7sqzzuv/

验证时，下拉框应该是彩色而不是警告框

2 个答案: