I have this jQuery Validation function issue. Validation only works once -


the function below works should. it's validate form. in short, have couple input fields. if hit submit , no text has been entered in either input, validation errors appear. if fill in 1 field, 1 of fields update. if hit "submit" again, without filling in second form input, else{} gets fired, not if{} should assure it's filled out, etc.

not familiar, return false; issue?

if ($('input[type="text"]:visible').val().length == 0) { $('.submitmodal').click(function () { $('.modal').modal('show'); }); } else { $('.submitmodal').click(function () { $('.modal').modal('hide'); }); }

any idea im doing wrong?

this backwards thinking. bind click, period. not conditionally. on click, decide want happen (even if means ignoring click).

if bind click, filling out form differently isn't going unbind it. , though unbind it, there's no great reason to.

if .submitmodal submit input element (rather anchor or button class), instead of binding click listener, bind submit listener.

based on mike's own starting point of code, here's example (slightly outside true context, since don't have modal function available without unecessary effort!)

$('.submitmodal').click(function (e) { e.preventdefault(); $('input[type="text"]:visible').each(function() { if ($(this).val().length == 0) { $('.modal').show(); } else { $('.modal').hide(); } }); });​

the first thing that's different pass event click handler, , preventdefault on it. prevents anchor causing page refresh.

but other thing did swap out actual .modal() call generic jquery .show() , .hide() proof-of-concept logic.

mike, sample code wrote pretty bang-on (except preventdefault assuming in fact want prevent default anchor behaviour). here's proof:

jsfiddle.net/gnaxn/2

when visible text fields filled in, "modal" hides. when they're emptied again, "modal" reappears.


Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

c++ - Accessing inactive union member and undefined behavior? -

i under impression accessing union member other last 1 set ub, can't seem find solid reference (other answers claiming it's ub without support standard). so, undefined behavior? the confusion c explicitly permits type-punning through union, whereas c++ ( c++11 ) has no such permission. c11 6.5.2.3 structure , union members 95) if member used read contents of union object not same member last used store value in object, appropriate part of object representation of value reinterpreted object representation in new type described in 6.2.6 (a process called ‘‘type punning’’). might trap representation. the situation c++: c++11 9.5 unions [class.union] in union, @ 1 of non-static data members can active @ time, is, value of @ 1 of non-static data members can stored in union @ time. c++ later has language permitting use of unions containing struct s common initial sequences; doesn't permit type-punning. to determine whether union type-punning is allowe...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more