gpt4 book ai didi

javascript - 如果为空就不显示,用Javascript或者jQuery怎么办

转载 作者:行者123 更新时间:2023-11-30 23:42:53 26 4
gpt4 key购买 nike

我对 Javascript 和 jQuery 非常陌生。我设法用 jQuery 制作了一个对话框,它在提交之前发出警告。

问题是我不想在警告页面上显示标签和字段(如果它是空的)。我无法使用 PHP 执行此操作,因为未提交表单。我需要使用 jQuery 或 Javascript。

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="js/thickbox-compressed.js"></script>

<script type="text/javascript">
$(function(){
// jQuery UI Dialog
$('#dialog').dialog({
autoOpen: false,
width: 400,
modal: true,
resizable: false,
buttons: {
"Submit Form": function() {
document.testconfirmJQ.submit();
},
"Cancel": function() {
$(this).dialog("close");
}
}
});

$('form#testconfirmJQ').submit(function(){
$("p#dialog-email").html($("input#emailJQ").val());
$('#dialog').dialog('open');
return false;
});

</script>

</head>

<body>
<form id="testconfirmJQ" name="testconfirmJQ" method="post">
<fieldset>
<label for="email">E-mail:</label>
<input id="emailJQ" type="text" name="emailJQ" value="" />
<input id="submitJQ" name="submitJQ" type="submit" value="Submit" />
</fieldset>
</form>

<div id="dialog">
<p>E-mail</p>
<p id="dialog-email"></p>
</div>


</body>

最佳答案

您真正需要的是验证。

为了不重新发明轮子,看看 jQuery Validation

编辑

var email = $("input#emailJQ").val();
if (email === "") {
$('#dialog-email').addClass('hidden');
}

然后你可以在样式表中定义一个隐藏类

.hidden {
display:none;
}

要隐藏“电子邮件”段落标签,您需要为 <p> 分配一个 id标记或更好地将两者包装在带有 ID 的 block 元素中,并将类分配给该元素

关于javascript - 如果为空就不显示,用Javascript或者jQuery怎么办,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4061521/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com