Jquery Form Submit Validate URL

Question

I have included jquery file and following HTML

<script src="jquery-1.7.js"></script>

HTML:

<form action="http://www.google.com" onSubmit="return validate();">
        <input type="text" required="true" name="URL" >
        <input type="submit" value="Submit">
</form>

When i submit form with empty field give the message "Please fill out the field" but if i write wrong URL i didn't find any message and form submit.

How can i do URL validation?

i have also added latest jquery file <script src="code.jquery.com/jquery-1.11.0.min.js"></script> — Kashif Hashmi
– Kashif Hashmi, Commented Jul 15, 2014 at 9:08
Please post the code in your validate() function. Also, you only need one version of jQuery. — Rory McCrossan
– Rory McCrossan, Commented Jul 15, 2014 at 9:09
You're looking for something like this: jqueryvalidation.org ? — Mainz007
– Mainz007, Commented Jul 15, 2014 at 9:11

Dipak Kumar Pusti · Accepted Answer · 2014-07-15 09:33:40Z

1

1 : You are using type="text" ... So why would it give you error when you are entering wrong url. For that use doctype for HTML5 and mention your input as follows,

<input type="url" required="required" name="URL" />

2 : Please check your validate() function. You must return false, if it does not satify your condition, in order to stop the form being submitted.

Adding suggestion from Akki619... You don't even need a single javascript for validation as HTML5 does everything for you. Find the awesomeness of HTML5 http://www.the-art-of-web.com/html/html5-form-validation/

edited Jul 15, 2014 at 9:33

answered Jul 15, 2014 at 9:17

Dipak Kumar Pusti

1,7232 gold badges23 silver badges42 bronze badges

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

1 Comment

Akki619 Over a year ago

just to add to dipak's answer here is the link for detail the-art-of-web.com/html/html5-form-validation

Collectives™ on Stack Overflow

Jquery Form Submit Validate URL

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related