?
Solved

JQuery validation - error message not showing in Internet Explorer

Posted on 2009-12-17
3
Medium Priority
?
1,129 Views
Last Modified: 2012-05-08
Dear Experts,

Running into an issue with Internet explorer. I am doing form validation using Jquery. Most of the checks are standard like "required, min length, max length, email format etc"- All these error messages are showing up fine in all browsers.

Now just for the email field, apart from the email format, I'm also checking in the database to see if the email already exists - and if it does - show an error message to user.

In FireFox,Chrome - if the email address exists - it comes back and displays error saying -"Email id abc@yahoo.com is already registered"

But in Internet Explorer - nothin happens - no error message is shown and the form just stays and nothing happens.

Any idea what this issue could be - I'm attaching the code below

thanks for your help
<script language="javascript">
	$(function(){
		// Setup de dialog box
		initDialog();
		$('#dialog').dialog('option', 'title', 'Register');
		$('#dialog').dialog('option', 'width', 340);
		$('#dialog').dialog('option', 'buttons', {
			'Send': function(){
				$('#frmRegister').submit();
			},
			'Cancel': function(){
				$(this).dialog("close");
			}
		});
		$('#dialog').dialog('open');

		// validate the form
		$('#frmRegister').validate({
			submitHandler: function(){
				$.post(baseUrl + '/register/register', $('#frmRegister').serialize(), function(data){
					$('#dialog').html(data);
				});
				$('#dialog').dialog('destroy');
				$(this).submit();
			},
			rules: {
				password: {
					rangelength: [8, 16]
				},
				password2: {
					equalTo: "#password"
				},
				email: {
					remote: baseUrl + '/register/check-email'
				}
			},
			messages: {
				email: {
					remote: jQuery.format("{0} is already registered.")
				}
			},
			onkeyup: false,
			onfocusout: false,
			focusCleanup: true,
			focusInvalid: false,
			debug: false
		});

	})
</script>
<form name="frmRegister" id="frmRegister" class="frm" method="post" action="<?php echo $this->baseUrl(); ?>/register/register">
	<input type="hidden" name="redirect" value="<?php echo $this->getRequest()->getParam('redirect'); ?>"/>
	<input type="hidden" name="redirect_type" value="<?php echo $this->getRequest()->getParam('redirect_type'); ?>"/>
	<fieldset>
		<legend>Acount details</legend>

		<label for="name">Full name</label>
		<input type="text" name="name" id="name" class="required"/>
		<br/>
		
		<label for="name">Mobile Number</label>
		<input type="text" name="mobile_number" id="mobile_number" class="required"/>
		<br/>

		<label for="email">Email</label>
		<input type="text" name="email" id="email" class="required email"/>
		<br/>

		<label for="password">Password</label>
		<input type="password" name="password" id="password" class="required"/>
		<br/>

		<label for="password2">Retype password</label>
		<input type="password" name="password2" id="password2" class="required"/>
		<br/>
	</fieldset>
</form>

Open in new window

0
Comment
Question by:gublooo
  • 2
3 Comments
 
LVL 14

Accepted Solution

by:
xberry earned 2000 total points
ID: 26090898
I think easiest to get to the source of your problem if you'd install the
IE Debug bar and run your site with the JQuery script through it.
http://www.my-debugbar.com/wiki/CompanionJS/HomePage
0
 

Author Comment

by:gublooo
ID: 26166613
Thankyou that debug tool was really helpful in solving the issue. Appreciate your help. Sorry for the late response.
0
 
LVL 14

Expert Comment

by:xberry
ID: 26169268
'Sorry for the late response.'

pah - no problem, glad i could be of help to you.
By the way, if you do web development it is in general always a good idea to look out for
any kind of debug, verification, tidying and checking tools that come along as add ons for
most of the browser versions these days. ;-))
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month14 days, 6 hours left to enroll

807 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question