how to submit form using jquery mobile?

How do I do client-side form validation using JavaScript or jQuery?

• Hi, I'm doing a project on CodeCademy and it has asked me to do a client-side Form Validation using HTML/CSS and JavaScript/jQuery. I know how to validate things using JavaScript but only on prompt. The main problem I have is that how do I set JS to to take the value of the input? For Example: I have to check whether the user has input the age in numbers or not. Same goes for the name, to check if it's a String or not. Also, to check whether a field has been left empty or not. There will be a button, on click it'll check all fields and if any is empty or wrong it'll show an alert. Please input the full code.

• Answer:

  First of all, all data sanitization and validation should be done on the server-side, not the client-side. The main reason being where you can protect your code (anyone can edit your JS on the client-side). That said, it becomes a question of "how do I write basic JavaScript code that forces required form field input?" There's a few ways to do it. I'll put down one way that works nicely with a concrete example everyone usually has to do, at one point or another -- telephone validation. HTML5 provides, for inputs, a way to allow this validation to be done somewhat automatically. Let's assume for some reason, that it works: <input type="tel" name="contact[phone]" id="phone" required pattern="^(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:\(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*\)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)?([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})(?:\s*(?:#|x\.?|ext\.?|extension)\s*(\d+))?$"> Then this is all you need. It's VERY, VERY, VERY flexible. For other regular expressions -- see this: http://stackoverflow.com/questions/1449817/what-are-some-of-the-most-useful-regular-expressions-for-programmers. Now the incredibly nice part about providing an actual regular expression within the pattern is that it provides a nice fallback allowing us to handle even more shitty browsers (IE). var input = document.querySelector('#phone'); isValid = input.value.search(new RegExp(input.getAttribute('pattern'))) >= 0; and you're done. It's pretty straightforward, I think. This is all with vanilla javascript, and it's very nice. If you're wondering about browser support -- look into http://modernizr.com/.