Dialog modal form failing in IE8
I have a login form operating out of a jQuery UI (1.8.5) modal dialog in conjunction with jquery.form. It works fine in FF, Opera, and Chrome, but while the form is triggered in IE8, no form element values are transferred in the post
My code is
- <div id="dialog" title="Log in" class="sanserif">
<div id="loginBlock">
<form action="scripts/ajax_login.asp?id=login" method="post" id="login2" name="login2">
<fieldset id="mainlogin">
<div id="loginfback" class="hide"></div>
<label for="login">Username/User ID</label>
<input type="text" id="userID" name="userID" value="" />
<label for="passwd">Password</label>
<input type="password" id="passwd" name="passwd" value="">
<label for="remember">Remember me</label>
<input type="checkbox" value="1" name="rememberme" id="remember" />
<label for="forgot"><a href="#" id="remind">Forgotten password?</a></label>
<input type="hidden" value="1" name="forgot" />
<div class="clearfix"></div>
</fieldset>
<fieldset id="remindBlock">
<p>Type your e-mail address and we'll send you new password</p>
<label for="remindField">Email</label>
<input id="remindField" type="text" name="stemail" />
</fieldset>
<form>
</div>
</div>
- var options = {dataType: 'json', beforeSubmit: showRequest,success: showResponse};
$( "#dialog" ).dialog({
autoOpen:false,
height: 'auto',
width: 400,
modal: true,
buttons: {
'Login': function() {
$('#login2').ajaxSubmit(options);
},
'Close': function() {
clearTheForm('#login2');
$(this).dialog('close');
}
}
});
I'd really appreciate some help in identifying my error.
Thanks/Bruce