我做了一个表格。我想在提交时打开一个内联弹出窗口,并在弹出窗口中创建一个文本框,该文本框必须填写,然后在用户提交表单时在弹出窗口中,然后通过弹出窗口提交表单并刷新页面。
我无法在弹出窗口中显示警告框并通过弹出窗口提交表单。
<script type="text/javascript">
$(document).ready(function() {
$("#submit").click(function(){
$(".variousz").trigger('click');
});
$(".variousz").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none',
afterClose: function(){
$('#formsubmit').submit();
}
});
$("form").submit(function() {
if ($('#accept').val() == 'ACCEPT'){ } else { $("span").text("Query is Not valid!").show().fadeOut(1000);
return false; }
});
});
</script>
<body>
<div id="inline" style="display:none;width:500px;">
<h2>Lorem ipsum dolor sit amet</h2>
<p>
<input type="text" name="accept" id="accept" value=""><span></span>
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="tab_container">
<a style="display:none;" class="variousz" href="#inline">Inline</a>
<form method="GET" action="test.html" id="formsubmit" onsubmit="test.html" >
<input type="text" name="aaa">
<input type="button" id="submit" value="submit">
</form>
</div>
这里有几个弹出插件。
http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/并使用您的表单实现它们。
这个老例子也是一个很好的例子和所有的彩盒,花式盒子其他灯箱替代品像这些可能是少数。
还有一个与此完全相同的堆栈溢出问题。谢谢