当字段为空时,在屏幕中间添加一个弹出框
Adding a pop-up box in the middle of the screen when fields are left blank
到目前为止,这将在留空的字段中添加单词empty,但我需要在屏幕中间顶部添加一个弹出窗口,在其自己的自定义框中声明"请在提交前填写所有字段",我可以使用css对其进行更改。
这似乎是一件非常简单的事情,尽管我不知道怎么做。
如果下面的代码很糟糕,那就是我在练习中得到的,没有关于如何执行任务的文档。
我需要为弹出框创建一个div和一个执行它的函数吗?通过调用if语句中的函数。
如果我含糊其辞或毫无意义,我很抱歉,因为这对我来说还是很新鲜的(我相信这很明显,哈哈)
谢谢!
var requiredFields = [ "firstname", "lastname", "email", "message" ];
function checkContactForm() {
var theForm = document.forms[ 0 ];
for ( var i in requiredFields ) {
var fieldName = requiredFields[ i ];
if ( !theForm[ fieldName ].value || theForm[ fieldName ].value == "Error" ) {
theForm[ fieldName ].style.color = "#f66";
theForm[ fieldName ].value = "Error";
var emptyFields = true;
}
}
if ( !emptyFields ) { theForm.submit(); }
}
function resetField( theField ) {
if ( theField.value == "Error" ) {
theField.value = "";
}
theField.style.color = "#000";
}
为什么不使用以下jquery ui对话框:http://jsfiddle.net/csdtesting/aL14evyk/
$("#dialog-message").dialog({
modal: true,
draggable: false,
resizable: false,
position: ['center', 'top'],
show: 'blind',
hide: 'blind',
width: 400,
dialogClass: 'ui-dialog-osx',
buttons: {
"I've read and understand this": function() {
$(this).dialog("close");
}
}
});
相关文章:
- 我可以在json对象中添加一个函数吗
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 单击更改图标并通过javascript添加一个css类
- fluxxor向一个flux实例添加一组以上的操作
- 当在Ember中点击一个项目时,我如何将一个活动类添加到项目列表中
- 如何在Angular单元测试中从另一个控制器的rootScope将方法添加到rootScope中
- 将添加一个相同类型的事件附加或覆盖以前添加的具有相同名称的事件
- angularjs移除焦点上的活动类并添加到下一个项目
- 使用jquery contains获取一个元素并添加类
- 有没有添加一个ng点击到md背景
- 如何为下拉列表的每个选项添加一个属性
- javascript函数将数据添加到屏幕,但随后被另一个函数覆盖
- 单击删除其中一个添加的行
- 几个jQuery日期选择器小部件,只向其中一个添加类
- 我想创建一个添加新表单的按钮
- Babel v6:我如何/可以编写一个添加新语法(即新运算符)的插件
- GWT SimplePager -为每个下一个和上一个添加历史记录
- 自动提交表单上的最大长度,-为现有的一个添加java脚本代码
- 如何在jquery中移除一个添加了类的类
- 动态更改URL,而不需要将前一个添加到历史堆栈