如何自动添加字符串“;http://'当用户通过jquery在文本框中输入时
How to auto add string "http://' when user input in the textbox by jquery
我想自动将http://
预先设置为文本框的值。
例如,cateno.no
应该变成http://cateno.no
,但http://google.com
应该保持不变。
这是HTML:
<input id="urlBanner" type ="text" style ="width:450px;" maxlenght="100" />
您可以绑定到input
的change
事件并评估值:
$(document).ready(function () {
$("#urlBanner").change(function() {
if (!/^http:'/'//.test(this.value)) {
this.value = "http://" + this.value;
}
});
});
示例:http://jsfiddle.net/andrewwhitaker/gnHLz/
或者,如果您不喜欢正则表达式,可以使用indexOf
:
$(document).ready(function () {
$("#urlBanner").change(function() {
if (this.value.indexOf("http://") !== 0) {
this.value = "http://" + this.value;
}
});
});
示例:http://jsfiddle.net/andrewwhitaker/fYRUW/
我会对Andrew Whitaker的正则表达式示例进行轻微修改,以考虑https URL,否则https://test.com将以http://开头,看起来像http://https://test.com
$(document).ready(function () {
$("#urlBanner").change(function() {
if (!/^https*:'/'//.test(this.value)) {
this.value = "http://" + this.value;
}
});
});
处理一些事件,可能是change
,如果当前值与正则表达式不匹配,则在字符串前加上前缀:
$(document).ready(function() {
$('#urlBanner').bind('change', function() {
var $this = $(this);
if(!/^http:'/'//.test($this.val()) {
$this.val('http://' + $this.val);
}
});
});
jQuery.validator.addMethod("complete_url", function(val, elem, params) {
// if no url, don't do anything
if (val.length == 0) { return true; }
// if user has not entered http:// https:// or ftp:// assume they mean http://
if(!/^(https?|ftp):'/'//i.test(val)) {
val = 'http://'+val; // set both the value
$(elem).val(val); // also update the form element
}
else if(/^(https?|ftp):'/'//i.test(val)) { // set both the value
$(elem).val(val); // also update the form element
}
// now check if valid url
return /^(https?|ftp):'/'/(((([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(%['da-f]{2})|[!'$&''(')'*'+,;=]|:)*@)?((('d|[1-9]'d|1'd'd|2[0-4]'d|25[0-5])'.('d|[1-9]'d|1'd'd|2[0-4]'d|25[0-5])'.('d|[1-9]'d|1'd'd|2[0-4]'d|25[0-5])'.('d|[1-9]'d|1'd'd|2[0-4]'d|25[0-5]))|((([a-z]|'d|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(([a-z]|'d|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])*([a-z]|'d|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])))'.)+(([a-z]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(([a-z]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])*([a-z]|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])))'.?)(:'d*)?)('/((([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(%['da-f]{2})|[!'$&''(')'*'+,;=]|:|@)+('/(([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(%['da-f]{2})|[!'$&''(')'*'+,;=]|:|@)*)*)?)?('?((([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(%['da-f]{2})|[!'$&''(')'*'+,;=]|:|@)|['uE000-'uF8FF]|'/|'?)*)?('#((([a-z]|'d|-|'.|_|~|['u00A0-'uD7FF'uF900-'uFDCF'uFDF0-'uFFEF])|(%['da-f]{2})|[!'$&''(')'*'+,;=]|:|@)|'/|'?)*)?$/i.test(val);}, 'Please enter valid URL');
相关文章:
- jQuery文本属性中的Html代码
- JQuery文本区域字母表
- jquery文本输入框传递给变量
- jQuery文本解析器
- JQuery文本旋转器
- jQuery文本返回NULL
- 使用WP UI从选项卡到选项卡的Jquery文本链接
- 正在寻找类似于mircrosoft office autocorrect的jquery文本区域脚本
- JQuery文本编辑器-在工具栏中添加其他下拉列表
- jQuery文本未使用fadeIn正确显示
- jQuery文本区域计数器
- Jquery 文本区域未更新
- 在它们之间切换时,jQuery 文本显示在活动文本下方
- Jquery文本输入行为搞笑
- 在 jQuery 文本区域中编辑 Div 内容
- jQuery文本html操作,以查找大量文本中出现的字符,然后更改其颜色
- 需要 Jquery 文本动画自定义帮助
- Jquery 文本动画
- Jquery - 文本等于(邮件输入错误)
- 将 jquery 文本替换为 TM 字符实体,并用 jquery 替换