asked on

jQuery UI required not working in safari

I have gift certificate page with add to basket button. When the button is clicked I am doing required validations on couple of text boxes, it works fine in all browsers except safari. I tested in on mac, iPad and iPhone. The validation never fires in safari when add to basked input button is clicked.

here is my page

http://www.justforfunflags.com/product/GCJFFF.html

Also I noticed that if I click on the email envelope next to pinterest icon, a popup should show up where the user can enter email to friend info. This also does not work on the above page but works perfectly in every other product page as you can see below

http://www.justforfunflags.com/product/22001.html

I am just stumped why these 2 are not working. Any advice is appreciated.

Thanks again

leakim971

both worked on my side...

Tammu

ASKER

Thanks for replying and appreciate it.But its not working in SAFARI. The popup I was able to fix after I posted but the jQuery validation its not working sir.

I tried again on mac as well as iPad. If I leave the recipient email and name blank and hit add to basket, it should say those 2 are required but instead it just goes to basket page.

I am open to other suggestion all I need is not to go the basket page if these 2 fields are empty.

Thanks again

leakim971

OK, could you try to validate your page : https://validator.w3.org/

Tammu

ASKER

Yes I tried that other simple warning in regards to social sharing buttons its pretty clean

Tammu

ASKER

Ok I did some more digging and I found that the required attribute of input tag is not supported in IE <9 and Safari. Hence its not working in Safari. I really liked it that way so I can avoid using alert box.

Do you know a way to validate textbox without using alert box sir

Thanks again

leakim971

Sorry, I'm a bit busy, give me some hours I will come back to you with some solution or maybe someone else will help you before
But do'nt worry, I'm with you

Tammu

ASKER

Thanks for your reply. I was able to fix it using a simple jQuery and placeholder text. Please refresh and test it out sir and let me know if I did i right :)

ASKER CERTIFIED SOLUTION

leakim971

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Tammu

ASKER

Thanks for the linking I will keep this in mind for my future projects :)