Submit Validation

[CONFUSIONUK]

This was a jQuery question I posted up on the jQuery forums, but they seem to be pretty rubbish at getting back to you :-\

Also I know it's not coded correctly I have just written the principles of what I'm trying to achieve if you get me

 

I want when the user clicks on the button with the class of ".submit" to first check the text field ".message" to see if it has any input at all and if none display the alert, if there is input then run the process function "messageProcess" 

 

$(".submit").click(function() {
  if(!$.trim(".message").length){
    alert("Please enter a message!");
  }
  else(messageProcess)
});

 

 

Any help will be much appreciated 

[michaellunsford]

looks good to me. Does it not work?

[CONFUSIONUK]

Nope I believe it is because the first if statement is completely wrong, I just want it check the the field after it has been trimmed (to see if it is empty) but I'm not sure how to do it 

[Adam]

jQuery.trim() takes a string input, not a selector.

[Psycho]

I don't use JQuery so I don't know if I am reading that code right, but I don't think you want to be attaching the validation to the onClick event of the submit button. Instead you should be attaching the validation to the submit event of the form.

 

Otherwise, someone could submit the form using the enter key and the validation would not take place.

[michaellunsford]

very good point, mjdamato. I had focused on the code and overlooked the general best practice, but reading it now I wholeheartedly agree.

[CONFUSIONUK]

I'm happy to try work on a new way about making this, any snippets people can throw in that will make this safer etc?

[Adam]

You can just use .submit(). Also note that I've switched it to use an ID, as you can have multiple elements with the same class:

 

<form name="formName" action="">
    <input type="text" name="message" id="message" /> <input type="submit" />
</form>

<script type="text/javascript">
$('form[name=formName]').submit(function() {
    var message = $('#message').val();
    if (!$.trim(message)) {
        // problem
    }
});
</script>

[CONFUSIONUK]

That looks like it may well do the job. Will try it out in the morning and get back to you if anything else gets in the way thanks 

[CONFUSIONUK]

That works an absolute treat