Question

我有一个包含少量asp.net texboxes / dropdownlists / radiobuttonlists等的表单，当我点击提交时，我有一个onclientclick事件，对所有控件进行验证检查。我想使用Jquery UI对话框进行错误弹出，但我需要为每个表单元素验证使用不同的消息。这就是我现在所做的，而且它有效，但风格不起作用，我不确定在我做的时候如何操纵对话框的属性以这种方式宣布它。我有C ++的背景知识，所以我对客户端脚本仍然很新。

        if (Page_ClientValidate())
        {
            var newDiv = $(document.createElement('div'));
            newDiv.attr("title", "Required Field");
            newDiv.attr("style", "vertical-align:top");

            if ($("#txtFirstName").val() == "") {
                $("#txtFirstName").focus();
                newDiv.html('Please enter your first name');
                newDiv.dialog();
                return false;
            }

Answer 1

使用您的代码进行测试似乎显示了一个按预期显示的对话框 - 标题栏中的标题，下面的消息。您是否包含相关的jquery UI css参考？

如果你想进行更详细的样式，只需在你的html中包含类标签（即'请输入你的名字'），你可以像往常一样在你的CSS中设置该类的样式。

function validate() {
  var newDiv = $(document.createElement('div'));
  newDiv.attr("title", "Required Field");

  if ($("#txtFirstName").val() == "") {
    $("#txtFirstName").focus();
    newDiv.html('Please enter your first name');
    newDiv.dialog({
  position: { my: "center top", at: "center top", of: window }
});
    return false;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<input type="textbox" name="txtFirstName" id="txtFirstName" />
<button onclick="validate();return false;">Validate</button>

带有动态对话框消息的Jquery UI对话框属性

1 个答案: