Javascript jquery对话框中的文本区域

如何在对话框中创建文本区域，并且该文本区域应该是使用jQuery UI创建的必填字段。下面是我在对话框上创建提交和关闭按钮的代码，但当用户通过该代码单击提交按钮时，无法创建文本区域，该区域应为必填字段。请建议。请找到工作样品

---

谢谢。

您可以通过在

html（）

中添加

textarea

标记来完成，如下所示

Dialog1<input type="submit" value="dialog1" onclick="return showDialog1()"/>
<div id="dialog"></div>
<br>
    <script>
                function showDialog1(){
        $("#dialog").html("<textarea name="testArea" required cols='5' rows='3'>your text here</textarea>");
            $("#dialog").dialog("option", "title", "Loading....").dialog("open");
            $("span.ui-dialog-title").text('title here'); 
            $("#dialog").dialog({
                autoOpen: false,
                resizable: true,
                width:"350",
                height:300,
                modal: true,
                buttons: {
                    "Close": function() {
                        $(this).dialog("close");
                    }
                }
            });
        }
    </script>

对话框1


函数showDialog1（）{
$（“#dialog”）.html（“此处的文本”）；
$（“#dialog”）。对话框（“选项”、“标题”、“加载…”）。对话框（“打开”）；
$（“span.ui对话框标题”）.text（“此处标题”）；
$（“#对话框”）。对话框({
自动打开：错误，
可调整大小：正确，
宽度：“350”，
身高：300，
莫代尔：是的，
按钮：{
“关闭”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
}

您可以通过添加

required

属性来使其成为必填字段

---

查看此处更新的

您可以通过在

html（）

中添加

textarea

标记来完成此操作，如下所示

Dialog1<input type="submit" value="dialog1" onclick="return showDialog1()"/>
<div id="dialog"></div>
<br>
    <script>
                function showDialog1(){
        $("#dialog").html("<textarea name="testArea" required cols='5' rows='3'>your text here</textarea>");
            $("#dialog").dialog("option", "title", "Loading....").dialog("open");
            $("span.ui-dialog-title").text('title here'); 
            $("#dialog").dialog({
                autoOpen: false,
                resizable: true,
                width:"350",
                height:300,
                modal: true,
                buttons: {
                    "Close": function() {
                        $(this).dialog("close");
                    }
                }
            });
        }
    </script>

对话框1


函数showDialog1（）{
$（“#dialog”）.html（“此处的文本”）；
$（“#dialog”）。对话框（“选项”、“标题”、“加载…”）。对话框（“打开”）；
$（“span.ui对话框标题”）.text（“此处标题”）；
$（“#对话框”）。对话框({
自动打开：错误，
可调整大小：正确，
宽度：“350”，
身高：300，
莫代尔：是的，
按钮：{
“关闭”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
}

您可以通过添加

required

属性使其成为必填字段

请参见此处更新的

以及。。。只需将

放入

#对话框中

：

$("#dialog").html("<textarea id="myarea" />");

嗯。。。只需将

放入

#对话框中

：

$("#dialog").html("<textarea id="myarea" />");

在

$（#对话框）（“html”）

后插入；以下是：

$（“#对话框”）。附加（“”）

在您提交之前，检查他的类的textarea是否有一些值

if($(".mandatory").text().lenght>0) {
// do submit
} else {
// show error message(eg. Mesaage must       not be empty)
}

在

$（#对话框）（“html”）

后插入；以下是：

$（“#对话框”）。附加（“”）

在您提交之前，检查他的类的textarea是否有一些值

if($(".mandatory").text().lenght>0) {
// do submit
} else {
// show error message(eg. Mesaage must       not be empty)
}

---

jQuery UI将在模式中显示您放入

#对话框中的文本/html

$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
可调整大小：正确，
宽度：“350”，
身高：300，
莫代尔：是的，
按钮：{
“关闭”：函数（）{
//如果textarea不是空的，则关闭模式并对该值进行处理
if（$（this.find（'textarea'）.val（）.length）$（this.dialog）（“close”）；
else$（this.find（'textarea'）.css（{borderColor:'red'}）；
}
}
});
});
函数showDialog1（）{
$（'#dialog'）.find（'textarea'）.val（''）；//在打开模式时清除textarea
$（“#dialog”）。对话框（“选项”、“标题”、“加载…”）。对话框（“打开”）；
$（“span.ui对话框标题”）.text（“此处标题”）；
}

对话1

jQuery UI将在模式中显示您在对话框中输入的文本/html

$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
可调整大小：正确，
宽度：“350”，
身高：300，
莫代尔：是的，
按钮：{
“关闭”：函数（）{
//如果textarea不是空的，则关闭模式并对该值进行处理
if（$（this.find（'textarea'）.val（）.length）$（this.dialog）（“close”）；
else$（this.find（'textarea'）.css（{borderColor:'red'}）；
}
}
});
});
函数showDialog1（）{
$（'#dialog'）.find（'textarea'）.val（''）；//在打开模式时清除textarea
$（“#dialog”）。对话框（“选项”、“标题”、“加载…”）。对话框（“打开”）；
$（“span.ui对话框标题”）.text（“此处标题”）；
}

对话1

在

#对话框

div

中放置一个带有

id的
文本区域
。添加一个类以隐藏
div
。删除
$（“#dialog”）.html（“”）。检查按钮事件中的
textarea
有效。在
#对话框
div
中放置一个带有
id
的
textarea
。添加一个类以隐藏
div
。删除
$（“#dialog”）.html（“”）。检查按钮事件中的
textarea
valie。