Javascript - Setting a return to true in a function

Question

I'm using a button element to submit values. I want to check, if the input fields are filled

The 'required'-attribute does not work in this specific case, because I'm using pickadate.js, which disables that.

I made a javascript-function that is called on a button click. To stop the button from submitting, I've set the return to false:

<button type="submit" class="btn btn-primary"
onclick="checkIfFilled(); return false;" 
data-loading-text="loading…">ButtonText</button>

Now I want to set the return false; to return true; using the javascript function checkIfFilled()

So if the check was successful, the data should be send like if there was no return false;

Edit for those who may have the question in the future: The solution is to return the function, which returns either true or false whenever you want it.

Thanks to Michael, musically_ut and Amani!

Thanks for reading!

Remove the return false; from the HTML and return true/false from checkIfFilled itself. — musically_ut
– musically_ut, Commented Aug 20, 2015 at 9:27
I'm not used to javascript, but this solution is great! Thanks to you! — Skalibran
– Skalibran, Commented Aug 20, 2015 at 9:30

Dmitriy Simushev · Accepted Answer · 2015-08-20 10:31:55Z

1

you can do something like this:

<form method="post" action="#">
<input id="check_this" name="" value=""></input>
<button type="submit" class="btn btn-primary"
onclick="return checkIfFilled()" 
data-loading-text="loading…">ButtonText</button>
</form>

<script type="text/javascript">
    function checkIfFilled(){
      //if required input is empty retuen false if not return true
      if(document.getElementById("check_this").value != "") {
        return true;
      } else {
        return false;
      }
    }
</script>

edited Aug 20, 2015 at 10:31

Dmitriy Simushev

3081 silver badge16 bronze badges

answered Aug 20, 2015 at 9:36

Amani Ben Azzouz

2,5653 gold badges17 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Skalibran Over a year ago

Even if I already got it, thats a good example for the future. Thanks! :)

Akshay · Accepted Answer · 2015-08-20 09:43:00Z

1

<button type="submit" class="btn btn-primary" onclick="return checkIfFilled();" 
data-loading-text="loading…">ButtonText</button>


<script type="text/javascript">
    function checkIfFilled(){
      if(document.getElementById("textboxId").value.trim()!=="") {
         return true;
      }
</script>

answered Aug 20, 2015 at 9:43

Akshay

215 bronze badges

Collectives™ on Stack Overflow

Javascript - Setting a return to true in a function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related