我有一个这样的简单形式:
<form method="post" name="change_pass" id="change_pass" action="change_pass2.php">
<input type="hidden" id="uid" value="<?php echo $userid ?>">
<div id="dialog" style="display:none">
<input type="text" name="pass" id="pass">Password :
<input type="text" name="conf_pass" id="conf_pass">Confirm Password:
</div>
</form>
<div id="weak" style="display:none" title="Weak password">
<p >Please make sure your password is atleast 8 characters</p>
</div>
<div id="mismatch" style="display:none" title="Failure">
<p>Password mismatch</p>
</div>
</body>
</html>
我正在使用jquery ui的对话框功能来创建这样的对话形式,
$(function(){
$('#dialog').dialog({
title : 'You must change your password',
modal : true,
closeOnEscape: false,
dialogClass: 'no-close',
resizable: false,
draggable: false,
buttons: {
'Change Password' : function() {
if ( $('#pass').val().length < 8 || $('#pass').val() == 'dantours') {
$('#weak').dialog();
}
else if ( $('#pass').val() != $('#conf_pass').val()){
$('#mismatch').dialog();
}
else
$('#change_pass').submit();
}
}
});
});
但是在change_pass2.php页面上,$ _POST数组为空。我一直在把头靠在监视器上试图解决这个问题。
答案 0 :(得分:5)
jQuery对话框会将对话框移动到正文末尾,这在表单范围之外,如here所述。所以不会发布任何数据。
你需要这样做:
$("#dialog").dialog({your options...}).parent().appendTo($("#change_pass"));
答案 1 :(得分:2)
由于无论您将元素放在代码中的哪个位置,对话框都会附加到正文,并且不再是表单的子元素,只需更改html以使表单成为对话框的子级
<div id="dialog" style="display:none">
<form method="post" name="change_pass" id="change_pass" action="change_pass2.php">
<input type="hidden" id="uid" value="<?php echo $userid ?>">
<input type="text" name="pass" id="pass">Password :
<input type="text" name="conf_pass" id="conf_pass">Confirm Password:
</form>
</div>
附加到身体的原因是允许定位基于身体