Javascript JQuery验证网址输入

Javascript JQuery验证网址输入,javascript,jquery,validation,Javascript,Jquery,Validation,我有一个网站地址的输入文本,我想验证它 例如:www.somesite.com或.net或.org或任何对网站地址有效的内容 如果您想使用正则表达式,可能应该使用jQuery或纯Javascript $.ajax({url: webpage ,type:'HEAD',error:function(){ alert('Oops !'); }}); 正则表达式是一种模式匹配技术,旨在搜索正则语言。这意味着您可以使用正则表达式查找并匹配符合所需模式的许多不同内容 这是一个开始学习正则表达式(正则表达

我有一个网站地址的输入文本,我想验证它

例如:www.somesite.com或.net或.org或任何对网站地址有效的内容


如果您想使用正则表达式,可能应该使用jQuery或纯Javascript

$.ajax({url: webpage ,type:'HEAD',error:function(){
alert('Oops !');
}});
正则表达式是一种模式匹配技术,旨在搜索正则语言。这意味着您可以使用正则表达式查找并匹配符合所需模式的许多不同内容

这是一个开始学习正则表达式(正则表达式的缩写)的好地方

他们有很好的指导让你开始学习

一旦你了解了它们,你就会明白为什么会出现这种模式

[www]?\..*?\.(com|net|org)
方法和为什么它不是一个伟大的模式来匹配一个网站,虽然它会工作

祝你好运,狩猎愉快

免责声明:这是一个非常复杂的问题 url的简单实现 用正则表达式文字编写的验证 用于 解释这样一个计划背后的思想 奋进号,本代码不适用 用于任何产能的生产使用

使用正则表达式进行URL验证: 以下代码适用于案例的横截面。您需要验证这些案例是否符合您的需要。URL是多种多样的生物,包括可能使用的utf-8字符,这些字符在下面的基本集合中没有涉及。对于这些情况,您需要更多地了解regex(无论如何,在任何javascript开发能力中都是值得做的)

要解释此代码

  • /
    启动正则表达式文本
  • 打开一个选择组
  • http
    是要搜索的字符串
  • s?
    使字符串的
    s
    部分可选
  • 是对冒号字符的搜索
  • \/
    是转义字符,后跟要搜索的字符(
    /
    ),这在许多情况下都很有用
  • )?
    使组成为可选组

下一组包含对任何单词、数字、连字符或下划线字符(一个或多个
+
)的查找,后跟
\.
)。后跟可选的
/
<代码>/结尾关闭正则表达式文本
test
是对任何正则表达式对象执行的一种方法,用于查看字符串是否通过它。要测试的字符串是作为唯一的参数给出的。

我注意到你的标题引用了jQuery——虽然我假设这个问题是死的,但我想我会把它发布给其他人。这个jQuery插件使用简单,功能强大。虽然插件在验证单个字段时过于繁琐,但如果您在同一表单上有其他验证(包括必填字段),则插件会很有帮助。下面的示例取自文档。在初始化插件之后,您只需添加验证要包含的类。如果需要,您可以创建customs one,但它有点复杂

用法很简单:

$("#commentForm").validate();
表格:



名称
*

电子邮件 *

统一资源定位地址

你的评论 *


就这样XD

谢谢。也许我以前不清楚。它就像输入表单一样,其中一个是网站地址。我想防止用户仅仅输入正确的网站语法。它类似于电子邮件验证条目。谢谢,如果这是你要找的,请在答案的左边打勾!我不认为这是OP正在寻找的,我认为他们在问如何确保输入字段中的某些值被格式化为有效的URL,老实说,我不确定你在那里做什么。我认为他还想检查站点是否存在,如果站点存在,那么站点也有效并格式化!我试图解决这个问题,但这仍然不是一个好问题。。。
$("#commentForm").validate();
<form class="cmxform" id="commentForm" method="post" action="">
   <p>
     <label for="cname">Name</label>
     <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
   </p>
   <p>
     <label for="cemail">E-Mail</label>
     <em>*</em><input id="cemail" name="email" size="25"  class="required email" />
   </p>
   <p>
     <label for="curl">URL</label>
     <em>  </em><input id="curl" name="url" size="25"  class="url" value="" />
   </p>
   <p>
     <label for="ccomment">Your comment</label>
     <em>*</em><textarea id="ccomment" name="comment" cols="22"  class="required"></textarea>
   </p>
   <p>
     <input class="submit" type="submit" value="Submit"/>
   </p>
 </form>