Jquery Stop Submit if two fields empty

Question

I am new to jquery and javascript but I wondered if anyone had any nice ideas about how I can show the user an error (alert) if they try to submit the form when both fields are empty.

Here is the code I am working with: http://jsfiddle.net/spadez/uaZkV/1/

I believe the relevant bit of the code is here:

$('#searchform').on('submit', function (event) {
    var form = this;

    event.preventDefault(); // stop the submission

    processLocation(function (success) {
        if (success) { // if the geocoding succeeded, submit the form
            form.submit()
        }
    });

In sudo code I'm after something like this:

If #kw & #loc == 0 
    then alert "Cannot leave fields blank"

you asked almost the exact same question a few days ago! stackoverflow.com/questions/16583453/… — slinky2000
– slinky2000, Commented May 23, 2013 at 16:03
To be fair, that was a different question and the answers to that do not answer this question — Jimmy
– Jimmy, Commented May 23, 2013 at 16:20

Ofir Baruch · Accepted Answer · 2013-05-23 16:29:53Z

1

Assuming the IDs of the input fields are: kw , loc and when I say 'ID' I mean:

<input type='text' name='bla' id='kw'>
<input type='text' name='bla' id='loc'>

You can do this:

if( $('#kw').val() == '' && $('#loc').val() == '')
{
 alert("Cannot leave fields blank");
}

answered May 23, 2013 at 16:29

Ofir Baruch

10.3k2 gold badges29 silver badges39 bronze badges

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

Comments

mlwacosmos · Accepted Answer · 2013-05-23 16:01:08Z

0

The nicest way to validate your form would be JQuery validation plugin

http://jqueryvalidation.org/

Anyway, you should not stop submiting because there is an error. First you validate and if there is no error you submit

answered May 23, 2013 at 16:01

mlwacosmos

4,56116 gold badges74 silver badges126 bronze badges

5 Comments

Rup Over a year ago

"First you validate and if there is no error you submit" - isn't that what his snippet does?

Rup Over a year ago

He stops the automatic submission from the button click, then he validates, then he submits if the validation succeeds if there is no error in the callback from processLocation.

mlwacosmos Over a year ago

sure but why letting submitting if you stop the submit behind ?

Jimmy Over a year ago

Thank you for the reply but this feels like using a hammer to open a peanut

mlwacosmos Over a year ago

use the plugin... it is a nice way to validate on client-side otherwise on your submit button you call your own function that validate and return false or true..it is just that... simple

Collectives™ on Stack Overflow

Jquery Stop Submit if two fields empty

2 Answers 2

Comments

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Linked

Related