jQuery - Change number of arguments based on function parameter

Question

Sorry bad title. I've got a simple form with an input field and I know that every time I submit the form the number of arguments that gets passed is one. When the argument of one gets passed reload gets evaluated to true and if reload is true the page get's refreshed. The problem is that what if I don't want to refresh the page. What if I want reload to get evaluated to false in certain instances. Is there some parameter I can pass into the userInput function that would evaluate certain scenarios to false? Any ideas? I learn best by code samples, please include where applicable. I also have a fiddle going here:

http://jsfiddle.net/JuG48/2/

<form id="myForm">
  <input id="address" name="address" value="address">
  <input type="submit" name="submit" value="submit">
</form>

function userInput(userLocation, input){
  $('#myForm').on('submit', function(e){
  reload = arguments.length > 1 ? arguments[1] : true;
  if (reload) location.reload();
  console.log(reload);
});
}

$(document).ready(function () {    
    userInput();
});

I'm trying to figure out if there's a way I can pass in a parameter to the function that will return false in certain instances. So could I do something like **userInput(false)** That's just a guess though. — Delmon Young, Dec 11 '13 at 02:41
I think u have to set some cond where it will false inside the function like : function somemethod(p1, p2) { reload =(arguments.length<1 ? false: (arguments.length > 1 ? arguments[1] : true); } — Neha, Dec 11 '13 at 03:05

ProllyGeek · Accepted Answer · 2013-12-11T02:46:07.800

1

I think in your case the quickest solution is garlic.js

http://garlicjs.org/

<script type="text/javascript">
  $( 'form' ).garlic();
</script>

a native solution will be

$('#myForm').submit(function () {
 reload = arguments.length > 1 ? arguments[1] : true;
 if (reload) location.reload();
 console.log(reload);
 e.preventdefault();
});

edited Dec 11 '13 at 02:46

answered Dec 11 '13 at 02:40

ProllyGeek

15,517
9
53
72

Thanks @ProllyGeek! I was looking for more of a native solution which seemed to do the trick. – Delmon Young Dec 11 '13 at 15:24

score 0 · Answer 2 · edited May 23 '17 at 12:11

0

The page will automatically refresh or follow the post action url when a form is submitted. I'm confused about the line that conditionally reloads the page. Have you tried returning false in the submit handler to control the page reload? How do I cancel form submission in submit button onclick event?

edited May 23 '17 at 12:11

Community

1
1

answered Dec 11 '13 at 02:28

Stephen Bunch

327
4
15

score 0 · Answer 3 · answered Dec 11 '13 at 03:16

Suppose you want no argument in userInput () method call to be reload = false so do this way ...

function userInput(userLocation, input){
$('#myForm').on('submit', function(e){

   reload = (userLocation==undefined && input==undefined)? false 
   :(arguments.length > 1 ? arguments[1] : true);       
   console.log(reload);
   if (reload) location.reload();
   else return false;      
  });
}

$(document).ready(function () {    
userInput();
 });

Fiddle demo

jQuery - Change number of arguments based on function parameter

3 Answers3