如何使用 jquery 添加弹出窗口
How to add a pop up using jquery?
我的html代码:
<form id="room-from" method="post">
<input id="room" type="text" name="room" />
<input type="submit" id="save" name="save" />
</form>
当我按下保存按钮时,如果房间文本字段为空,屏幕中央应该会出现一个弹出窗口,必须说输入房间号。
jquery:
$("#save").submit(function(){
if ( $("#room").val() == "")
{
}
});
我不知道该怎么做。
谁能帮我解决这个问题。
你应该使用模态窗口和jQuery UI,它会让你的生活变得轻松
http://jqueryui.com/demos/dialog/
$("#save").submit(function(){
if ( $("#room").val() == "") {
$("#site_blackout").fadeIn(200);
$("#popup_modal").fadeIn(400);
}
});
然后只需使用 CSS 将popup_modal居中并设置site_blackout样式即可。
更新:添加了取消提交。
$("#save").submit(function(event){
if ( $("#room").val() == "")
{
alert("enter a room number");
event.preventDefault();
}
});
相关文章:
- 在窗口中添加滚动条
- 在highcharts.js中向点弹出窗口动态添加文本
- 如何将弹出窗口添加到此柔性滑块
- 如何从父窗口添加弹出窗口的某些属性
- 如何在加载时将加载窗口添加到 sencha 中的图表
- 为剑道UI窗口添加全局功能
- 如何向脚本窗口添加滚动速度
- 使用 extjs4 在窗口添加下拉菜单
- 动态窗口.添加元素后的位置 动态.
- 加载页面时打开窗口添加chrome扩展
- 如何在没有标记的情况下将信息窗口添加到谷歌地图中
- 将弹出窗口添加到谷歌地图中的多个标记中
- 将父窗口重定向为子窗口关闭,而不向子窗口添加代码
- jQuery弹出窗口添加关闭功能,点击任何地方关闭弹出窗口
- 如何仅在窗体更改时向窗口添加事件侦听器
- 如何在向窗口添加新数据时重新加载jQuery插件.没有提供reload()方法
- 向KML数据的信息窗口添加自定义html
- Bootstrap弹出窗口添加关闭选项提交表单也
- 将jQuery/AJAX脚本附加到使用窗口添加的元素上.setInterval(, 1000*60)方法
- 向弹出窗口添加动画