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

Question

在下面的代码中，假设我将文本框留空并单击提交：文本框边框将变为红色，但如果我对下拉列表执行相同操作，则不会发生这种情况。类型 1 作为 $val1) { ?> ">

$(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')。也是检查默认选项值的正确方法。试试下面的代码。

示例代码

$(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');                     
     }
    });

<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">

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/

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

when validate, dropdown box should be colored instead of alert box

html

javascript

php

jquery

zend-framework