如果元素值为空或为零，则使用jQuery-Impromptu显示警报 [英] show alert using jQuery-Impromptu if elements value is empty or zero

问题描述

如果元素值为空或零，我想弹出警报。
我想使用Impromptu。
这里是Impromptu的例子：

I want to popup alert if elements values are empty or zero. I want to use Impromptu for that. here is example of 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进行提醒？
提前谢谢。

How can I use Impromptu for alerts? Thank you in advance.

推荐答案

粗略假设你想要的东西：

A rough assumption of what you want:

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

这篇关于如果元素值为空或为零，则使用jQuery-Impromptu显示警报的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！