jquey(判断文本框输入的网址链接是否符合规则)
今天遇到一个问题,我要在文本框中输入一个网址链接,使其跳转。但是如何验证,我首先想到了正则表达式。对的,就是你想的那样,我对正则一知半解,但在我哥哥帮助下,最终是
实现 了效果。在此,来一发,分享一下。
首先,当然是jquery 引入。
(2).获取链接的文本框的值:var jumpurl = $("#jumpurl").val();
(3)./^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ (这就是正则判断链接是否正确)
(4).
RegExp = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
if (RegExp.test(jumpurl) == false)
{
alert("您输入的链接格式不正确,请重新输入");
return;
}
我这个是在函数中调用的:
//添加,修改
function oper(our) {
var dropmodel = $("#dropmodel").val();
var txtcname = $("#txtcname").val();
var txtsonid = $("#txtsonid").val();
var startime = $("#news_OpenTime").val();
var endtime = $("#news_CloseTime").val();
var jumpurl = $("#jumpurl").val();
var che = $("input=name['rdo']:checked").val();
var link_Image = $("#link_Image_photo").attr("src").toString().substring($("#link_Image_photo").attr("src").toString().lastIndexOf("/") + 1);
if (txtcname == "") {
alert("您未填写内容名称");
return;
}
if (jumpurl == "") {
alert("您未填写内容链接");
return;
}
RegExp = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
if (RegExp.test(jumpurl) == false)
{
alert("您输入的链接格式不正确,请重新输入");
return;
}
if (startime == "") {
alert("您未选择开始时间");
return;
}
if (endtime == "") {
alert("您未选择结束时间");
return;
}
if (confirm("确定要执行此操作吗?") == false) { return };
var html = "our=" + our + "&dropmodel=" + dropmodel + "&txtcname=" + txtcname + "&txtsonid=" + txtsonid + "&link_Image=" + link_Image + "&startime=" + startime + "&endtime=" + endtime + "&jumpurl=" + jumpurl + "&che=" + che;
$.ajax({
type: "post",
url: "ashx/supercontent_operate.ashx",
dataType: "text",
data: html,
success: function (msg) {
alert(msg);
if (msg.indexOf("成功") > -1) {
quxiao();
}
},
error: function (xml) {
alert("系统繁忙,请稍候");
}
})
}
国庆还是个小白,不要喷。
注意:不要拿分号扩起来。
jquey(判断文本框输入的网址链接是否符合规则)的更多相关文章
- [ASP.NET] 后台判断文本框输入内容是否为数字
由于使用JS在前台对文本框内容进行检测后似乎会影响回传 故在后端进行对内容判断 代码示例: string abnormal_num = Abnormal_Num.Text;//獲取文本框的text值 ...
- jquery判断文本框输入的是非数字内容(交流QQ群:452892873)
isNaN($(this).val())==false 输入的是数字, isNaN($(this).val())==true 输入的是非数字内容
- 【C#】【假条生成系统】【单位剖析】如何判断在文本框输入了几个人名?
我们规定,人名和人名之间使用顿号隔开 那么, 1个人,就是0个顿号 2个人,就是1个顿号 3个人,就是2个顿号 -- 所以我们可以判断文本框中顿号的出现次数. 出现0次,则为1人,出1次,则为两人. ...
- 机房收费系统总结之4——VB.NET 轻松解决判断文本框、组合框为空问题
纵观机房收费系统,判断文本框.组合框为空问题无非两种情况.第一种:判断窗体中所有文本框.组合框是否为空.第二种:判断一部分文本框.组合框是否为空.下面看看是如何实现这两种情况的. 第一种:判断窗体中所 ...
- 【学习】文本框输入监听事件oninput
真实项目中遇到的,需求是:一个文本框,一个按钮,当文本框输入内容时,按钮可用,当删除内容时,按钮不可用. 刚开始用的focus和blur, $(".pay-text").focus ...
- JS文本框输入限制
1上面的文本框只能输入数字代码(小数点也不能输入): CODE: <input onkeyup="this.value=this.value.replace(/\D/g,'')&quo ...
- 监听文本框输入开发仿新浪微博限制输入字数的textarea插件
监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退 ...
- jquery正则表达式显示文本框输入范围 只能输入数字、小数、汉字、英文字母的方法
正则表达式限制文本框只能输入数字 许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等各类代码.1.文本框只能输入数字代码(小数点 ...
- 实时监听文本框输入 oninput、onchange与onpropertychange事件的用法和区别
前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数.过去一般都使用onchange/onkeyup/onkeypress/onke ...
随机推荐
- Long类型比较大小,long型和Long型区别
今天写代码发现发现本地程序是正常的,但是发送到测试环境就不正常了,本着对数据的怀疑态度链接了测试数据库,调试程序发现,确实是数据问题,然后数据出现在什么地方呢?才发现是在判断用户所属的teamGrou ...
- Html5移动端页面自适应布局详解(阿里rem布局)
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport,通读网上的各种对于viewport的解释之后 大概viewport可以理解为三种 1.layout viewport ...
- jquery 获取当前对象的id取巧验证的一种方法
<!doctype html><html><head><meta charset="utf-8"><title>titl ...
- Java 并发 关键字volatile
Java 并发 关键字volatile @author ixenos volatile只是保证了共享变量的可见性,不保证同步操作的原子性 同步块 和 volatile 关键字机制 synchroniz ...
- span标记
span标记为内联元素,本身布局有宽高所以要给他个属性 display:block; 转成快元素.
- openwrt 更改默认主题
BB 版本默认的主题为 bootstrap,想要修改为其他的主题,可以按照如下方法修改: 1.查看可以使用的主题. "make menuconfig" ---> " ...
- 设置ios中imageView图片自适应,
UIIimageView *imageView = [UIImageView alloc]init]; [imageView setContentScaleFactor:[[UIScreen mai ...
- linux操作数据库
1.显示数据库 show databases; 2.选择数据库 use 数据库名; 3.显示数据库中的表 show tables; 4.显示数据表的结构 describe 表名; 5.显示表中记录 S ...
- Select In SQL Server-Cross Instance in same domain and different domain
Same Domain: Exec sp_addlinkedserver 'PC087':Add Remote Server Exec sp_dropserver 'InstcanceName':De ...
- 四步安装typecho(LNMP环境)
##1 安装nginx,mysql,php环境 sudo apt-get install nginx php5-fpm php5-cgi php5-cli php5-curl php5-gd php5 ...