如果元素值为空或为零,则使用jQuery即兴显示警报

如果元素值为空或为零,则使用jQuery即兴显示警报,jquery,alert,show,elements,impromptu,Jquery,Alert,Show,Elements,Impromptu,如果元素值为空或为零,我想弹出警报。 我想用即兴表演。 以下是即兴表演的例子: 我的输入元素是: <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

如果元素值为空或为零,我想弹出警报。 我想用即兴表演。 以下是即兴表演的例子:

我的输入元素是:

<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>
选择房间类型家庭房间海滨房间
挑选成年人
如何使用“即兴”进行警报?
提前谢谢。

您想要什么的大致假设:

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

$(函数(){
$(“#frm”)。关于('submit',函数(e){
如果($(“#名称”).val()=“”){
showPrompt('请插入名称','这是标题');
$(“#名称”).focus();
e、 预防默认值();
}
})
函数showPrompt(消息,标题){
$.prompt(msg{
标题:标题
});
}
});

$(函数(){
$(“#frm”)。关于('submit',函数(e){
如果($(“#名称”).val()==”|(“#名称”).val()==“0”){
showPrompt();
$(“#名称”).focus();
e、 预防默认值();
}
})
函数showPrompt(消息,标题){
var tourSubmitFunc=函数(e,v,m,f){
如果(v==-1){
$.prompt.prevState();
返回false;
}
else if(v==1){
$.prompt.nextState();
返回false;
}
},
旅行状态=[
{
标题:“标题”,
html:“jQuery即兴文本”,
按钮:{完成:2},
重点:1,,
位置:{容器:'#名称',x:30,y:30,宽度:200,箭头:'tc'},
提交:tourSubmitFunc
}
];
美元提示(美国);
}
});

这对我有用

嗨,尼洛!谢谢你的回复。我想说我的javascript知识不是很好。我想在使用即兴提交表单时显示此警报。但是你的例子和我想要的不一样。我不知道如何检查值和显示JSFIDLE链接中的即兴警报。
  <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>