jQuery的表单提交验证URL

2014-07-15 32 views 0 likes

我已经包括jQuery的文件，并按照HTMLjQuery的表单提交验证URL

<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>

当我提交表单与空场给消息“请填写领域”，但如果我写错了URL，我没有找到任何消息和表单提交。

我该如何做URL验证？

来源

2014-07-15 Kashif Hashmi

我还添加了最新的jquery文件 –

请将代码发布到您的'validate（）'函数。另外，你只需要一个版本的jQuery。 –

你正在寻找这样的东西：http://jqueryvalidation.org/？ – Mainz007

回答

1：您正在使用type =“text”...那么，当您输入错误的url时，为什么会出现错误。对于使用DOCTYPE对HTML5和提你输入如下，

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

2：请检查您的validate()功能。您必须return false，如果它不符合您的条件，为了阻止提交的表单。

添加来自Akki619的建议... 您甚至不需要使用单个javascript进行验证，因为HTML5会为您做所有事情。查找HTML5的真棒http://www.the-art-of-web.com/html/html5-form-validation/

来源

2014-07-15 09:17:01

只需添加到dipak的答案这里是详细的链接http://www.the-art-of-web.com/html/html5-form-validation/ – Akki619

jQuery的表单提交验证URL

回答

相关问题