Question

到目前为止，这个单词将空白添加到留空的字段，但是我需要在屏幕的中上方添加一个弹出窗口，说明“请在提交之前填写所有字段”在自己的自定义框中我可以用css改变它的样式。

这似乎是一件非常简单的事情，虽然我不知道如何。

如果以下代码非常糟糕，那么我已经完成了这项练习的内容，没有关于如何执行任务的文档。

我需要为弹出框创建一个div和一个执行它的函数吗？通过在if语句中调用函数。

我道歉，如果我一直模糊或没有任何意义，因为这对我来说仍然是一个新事物（我确定那显然是哈哈）

thanksguys！

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";
  }

Answer 1

为什么不使用jquery ui .dialog，如：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");
        }
    }
});

当字段留空时，在屏幕中间添加一个弹出框

1 个答案: