jQuery validation plugin - not setting focus in Webkit browsers -

-

Hope you can help .. I am using the address entry form in the AAP.NET MVC project.

I'm really trying to figure out whether I should go through a validity plugin and webkit browser (like Safari, Chrome) or jQuery and WebKit Browser before going on a bug-hunting mission (Although I've been wasted several hours already and have not found anywhere: ()

We've got a MVC master page, in which the & lt; head & gt; section Validate: (

The displayErrorMessage () function looks like this: 

  function display error message (msg) {$ ("# error message"). Remove (); $ ("# Usermessages") Attachment ('& lt; div id = "error message" & gt;' + msg + '& lt; / div & gt;'); }

Where #userMessages is a div on top of the page to display an error message summary as a banner. (Eg 'There is a problem with your delivery address Please fix the errors below')

All of this works fine in all browsers, except webkit browsers (like Safari, Chrome).

In these browsers, the validation plugin, after verifying, should set the input focus on the invalid field first. This webkit does not do this in the browser, in Safari, for example, the thick blue box appears around the correct area, but the cursor does not appear in the field, and there is no focus in it.

After unsuccessful attempt to submit the form - say the phone number was empty - client side error messages appear as expected, when you start typing, say, phone number field, 'on- Up 'code (which validates the form and if it is valid, gives the correct), it shows that it is no longer empty (empty), and remove the error message summary banner (#userMessages) .

Although all browsers in Safari remove banners properly, the field loses focus, even if the thick blue box stays on the area. Then the keystrokes are lost and you have to click back to continue on the phone number field.

Hope you can help me at the loss!

Thank you in advance

ed

I cracked it !

I created a test page in a separate project, with a very basic skeleton form. Then I slowly added scripts and markup to the test page from the original page, checked it every time in Safari. Nothing breaks the safari until I added the reference to our css file, and then it stopped working!

I searched a binary-style via CSS, unless I limit it to one line: 

  input Terror {float: left; Red color; Vertical-alignment: top; Align text: left; }

This style has been implemented in the input field from the valid input plugin which is in error.

It was 'float: left' which was breaking safari and chrome.

To get rid of some minor changes to CSS and now it works! It seems a bit weird that a float: the left should be the reason for this problem, though ....

ed


Comments

Post a Comment

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

-
I would like to capture all incoming HTTP packets on my machine. To do this, I am using SharpPcap which is a WinPcap The cover is. SharpPcap works very well, but it captures TCP packets and what it wants to do for me is a very low level. Does anyone know how can I easily get full HTTP requests / reactions from all these TCP packets? Thanks SharpPcap is already able to capture the packet in the same way That's what the virus does (just in the code instead of the GUI). And you can either either parse them directly or you can put them in the drive in the common .pcap file format. The steps to parse the capture are: Open a connection at any time Loop a while Or start capturing using an event callback Parsing the raw packet for the type you want If you are reading .PPP dump files In addition to calling you an offline capture reader is almost the same, there is no need to select an interface, and you can set the majority There is no need to do the modes. All st...
Read more

php - Multiple Select with Explode: only returns the word "Array" -

-
By using Wordpress I have created a multiple selection box so that users can select categories to exclude. When the page is initially loaded, I see my predefined default option. However, when I select a new value and I save ... I only see the word "Array" and have not chosen anything else? & lt; Class = "amultiple" id = "& lt; php echo $ value ['id'] ;? gt;" name = "& gt; php echo $ value ['id'] ;; gt; []" Multiple = "multiple" size = "8" & gt; & Lt ;? Php global option; Foreign currency ($ value as value $) {if (get_settings ($ value ['id']) === FALSE {$$ value ['id'] = $ value ['std']; } And {$$ value ['id'] = get_settings ($ value ['id']); }} $ Ranges = & amp; Amp; Categories ('type = post & orderbiz = name & amp; hide_empty = 1'); If ($ ranges) {$ ex_cat = implode (',', $ tt_cat_exclude); Forex Currency ($ range a...
Read more

php - jQuery AJAX Post not working -

-
I do not understand why this script does not work. It has something to do within AJAX PostScript / Function. Right now, when I submit my form, it runs php code on the same page. What it should do, send the values ​​of the form for Project_Azax.fp, then there will be a refund of success on the page which is correct or false. $ (document) .ready (function () {$ ('div # didIt'). Hide (); $ ('form [name = adminForm]'). Submit (function () ($ {'.post' ('/ project_ajax.php', {action: $ ('[name = action]') Val (), pId: $ ('[name = pId]'). Val (), name ('[Name = name]'. Val (), url: $ ('[url = url]'). Val (), summary: ('[summary = summary]'). Val ()}, Function (data) {if (data.success) {$ ('div # didIt') .Sliddown ('slow');} and {warning ('unsuccessful SA!');}}, 'Jason'); return false ;});}); What is the code for project_ajax.php below ... if ($ _ POST ['action'] == ...
Read more