Simple Form validation question

Question

I am trying to write a very simple form validation, here is a sample snippet of what I have that works, 
```jQuery
if($('input[name=name]').val() == ""){
    e.preventDefault();
    alert('prevented')
}
```
With that one rule in the if statement it is working. What  I would like to do, is add a few more rules in that if statement such as 
jQuery
input[name=email]
input[name=company]

But something like this doesn't work
jQuery
if($('input[name=name]').val() && $('input[name=email]').val() && $('input[name=company]').val() == "")

Is there a way to add those three rules in there? It doesn't seem to work with just the &&.

chrisp · Answer

It seems like you are using jquery library for this and not core javascript.  When using jquery selectors for input you will need to use : before input.
http://api.jquery.com/input-selector/
javascript
$(document).ready(function() {
      $( ":input") // selecting all inputs.
});

I would suggest to try console for any errors if any shows up.
I am not very familiar with this syntax, so I don't know about this.
``` javascript
if($('input[name=name]').val() && $('input[name=email]').val() && $('input[name=company]').val() == "")
```
Here is something I am familiar with
``` javascript
$(document).ready(function() {
    var name = $('#name').val(); 
    var email = $('#email').val();
    var company = $('#company').val();
if ( name == ' ' && email == ' ' && company == ' ') {
      e.preventDefault();
      alert("Prevent");
}
});
```
Good luck with your javaScript.

Welcome to the Treehouse Community

Looking to learn something new?

Chase Lester

Chase Lester

Simple Form validation question

1 Answer

chrisp

chrisp