jquery - 如果元素值为空或零，则使用 jQuery-Impromptu 显示警报

Question

如果元素值为空或零，我想弹出警报。我想用 Impromptu 来实现这一点。这是即兴的示例:

http://jsfiddle.net/hGRtH/

我的输入元素是:

<select name="side_room_type" id="room_type" onchange="return getAdultRoom(this.value)" class="input-medium"><option value="0">Select Room Type</option><option value="5">Family Room</option><option value="7">Seaside Rooms</option></select>

<input type="hidden" name="side_check_in_date" onchange="return getAdultRoom(this.value)" id="side_check_in_date" value="">

<select name="side_adults" id="adults" class="input-medium"><option value="">Select Adults</option></select>

如何使用 Impromptu 发出警报？预先感谢您。

Answer 1

  <script type="text/javascript">
$(function(){
        $("#frm").on('submit', function(e){
            if($("#name").val() == ""  || $("#name").val() == "0"){
                showPrompt();
                $("#name").focus();
                e.preventDefault();   
            }
        })

        function showPrompt(msg, title){
            var tourSubmitFunc = function(e,v,m,f){
          if(v === -1){
              $.prompt.prevState();
              return false;
          }
          else if(v === 1){
              $.prompt.nextState();
              return false;
          }
},
tourStates = [
  {
      title: 'Title',
      html: 'text of jQuery Impromptu?',
      buttons: { Done: 2 },
      focus: 1,
      position: { container: '#name', x: 30, y: 30, width: 200, arrow: 'tc' },
      submit: tourSubmitFunc
  }
];
$.prompt(tourStates);

        }
    });
      </script>

这对我有用。