javascript - jquery validation working on some browsers, but not on others -

why work people, , doesn't others? others click button , doesn't work. started doing after added nospaces validation method. suggestions appreciated.

<form method="post" action="#" id="client_form" class="order-form"> <input type="text" id="user_name" name="user_name" class="req nospaces" /> </form>  <button id="client_next_btn"><?php echo($content->getstring('order')); ?></button> <script type="text/javascript">  $(function () { jquery.validator.addclassrules('req', { required: function (el) { return $(el).is(':visible') } });  var nums = ['0','1','2','3','4','5','6','7','8','9']; var letters = ['q','w','e','r','t','y','u','i','o','p','a','s','d','f','g','h','j','k','l','z','x','c','v','b','n','m']; var alphanumeric = nums.concat(letters);  jquery.validator.addmethod("nospaces", function(value, element) {     var val = value.split("");     var bool = true;     (var in val)     {         if (jquery.inarray(val[i], alphanumeric) == -1)         {             bool = false;             break;         }     }     return bool; }, "* <?php echo ($content->getstring('no_spaces')); ?>");  $('#client_form').validate(); $('#client_next_btn').click(function () {     $('#client_message').empty();      if ($('#client_form').validate().form())     {                 alert('works');             }     } 

}

just tip, can rid of this:

jquery.validator.addclassrules('req', {    required: function (el) { return $(el).is(':visible') }  }); 

and use built in required class, add ignore option .validate() call exclude :hidden elements, this:

$('#client_form').validate({ ignore: ':hidden' });