如果元素值爲空或零，則使用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> 

如何使用即興警報？ 預先感謝您。

Answer 1

你想要什麼粗略的假設：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script type="text/javascript" src="jquery-impromptu.js"></script> 
<link rel="stylesheet" media="all" type="text/css" href="jquery-impromptu.css" /> 
<form id="frm"> 
    <input type="text" name="name" id="name" /> 
    <input type="submit" /> 
</form> 
<script type="text/javascript"> 
$(function(){ 
    $("#frm").on('submit', function(e){ 
     if($("#name").val() == ""){ 
      showPrompt('Please insert name', 'this is the title'); 
      $("#name").focus(); 
      e.preventDefault(); 
     } 
    }) 

    function showPrompt(msg, title){ 
     $.prompt(msg, { 
      title: title 
     }); 
    } 
}); 
</script> 

Answer 2

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

這爲我工作。