How to check if the user has not entered the data to a form (befor sending)?

Question

I have some input form on names: owner, number, city

<input id="id_owner" type="text" name="owner" maxlength="250" />
<input id="id_number" type="text" name="number" maxlength="250" />
<input id="id_city" type="text" name="city" maxlength="250" />

How to check if the user has not entered the data to a form (befor sending) that does not show this dialog from this code:

<a type="submit" name"save-continue-to-review" data-toggle="modal" data-target="#dialog" href=""
class="btn primary btn-primary" title="Order">Order
</a>

and it will show another

Here is full code: http://wklej.org/id/927806/

score 1 · Answer 1 · answered Jan 16 '13 at 23:59

1

Eventually you'll be able to use HTML5 form validation. But until then, use some jQuery code like this. (only because you tagged the question with jQuery. You could potentially do it with vanilla JS.)

(un-tested code, but should work)

var fields = $('input')

$('form').submit(function(e){
    e.preventDefault()
    valid = true
    fields.each(function(){
        if ($(this).val() == null) {
            valid = false
        }
    });

    if (valid == true) {
        $('form').submit()
    } else {
        alert("At least one field was not valid!")
    }
});

answered Jan 16 '13 at 23:59

alt

13,357
19
80
120

`$(this).val()` returns an empty string. – Ricardo Alvaro Lohmann Jan 17 '13 at 00:01
Your `alert` isn't accurate, since multiple fields could be invalid if you use this approach. – Madbreaks Jan 17 '13 at 00:01
Also, you probably want to scope your `$('input')`. Sorry to nit-pick – Madbreaks Jan 17 '13 at 00:02
@ricardo it will do that if the input hasn't been filled out: http://api.jquery.com/val/ – alt Jan 17 '13 at 00:04
Yes, it should. If you write up a jsfiddle that has the problem I can further solve it. – alt Jan 17 '13 at 03:07

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

0

if ( !$(this).val() ) {
  valid = false
}

maybe this post is useful for you

edited May 23 '17 at 12:04

Community

1
1

answered Jan 17 '13 at 00:09

Fernando

1
1

score 0 · Answer 3 · answered Jan 17 '13 at 00:19

1) Add this on your form

onsubmit="return validateForm(this);"

2)The validate function (checks if fields are empty)

function validateform(formObj)
{
  inputs = formObj.GetElementsByTagName('input');

  for(i=0; i < inputs.length; i++)
  {
    if($.trim(inputs[i].value) == '')
    {
       alert('Field: ' + inputs[i].name + ' is empty!');
       return false;
    }
  }  
  return true;
}

How to check if the user has not entered the data to a form (befor sending)?

3 Answers3