Jquery表单提交验证URL

时间:2014-07-15 09:07:57

标签: jquery validation url

我已经包含了jquery文件和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> 

当我提交带有空字段的表单时,会显示“请填写字段”的消息,但如果我写错了网址,我没有找到任何消息和表单提交。

如何进行网址验证?

1 个答案:

答案 0 :(得分:1)

1:你正在使用type =“text”...那么为什么当你输入错误的网址时它会给你错误。为此使用HTML5的doctype并提及您的输入如下,

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

的精彩内容