Jquery 检测输入值并修改无效的值

Jquery 检测输入值并修改无效的值,jquery,jquery-validate,forms,html-input,Jquery,Jquery Validate,Forms,Html Input,我认为这是一个简单的问题,但我找不到解决办法 我有一个表单正在被jQuery验证程序验证。我有一个html输入类型,即url,并使用jQuery验证它是否为url。我想编写一个脚本,检测输入值是否以http://或https://开头,如果输入值不是以http://或https://开头,则自动将http://添加到值的开头。另外,我希望脚本检测表单值是否为null,如果为null,则不添加http:// <input name="Website" type="url" id="Websi

我认为这是一个简单的问题,但我找不到解决办法

我有一个表单正在被jQuery验证程序验证。我有一个html输入类型,即url,并使用jQuery验证它是否为url。我想编写一个脚本,检测输入值是否以http://或https://开头,如果输入值不是以http://或https://开头,则自动将http://添加到值的开头。另外,我希望脚本检测表单值是否为null,如果为null,则不添加http://

<input name="Website" type="url" id="Website" >

谢谢,, CampSoup1988

试试这个

$(文档).ready(函数(){
$('input#Website').bind('change',function(){
addhttp();
});
$('input#Website').keyup(函数(){
addhttp();
});    
});
函数addhttp(){
//如果用户输入了4个或更多字符
如果($(“输入#网站”).val().length>=4){
//如果用户的前4个字符不是http
if($((“输入#网站”).val().indexOf(“http”)=-1){
$(“输入网站”).val('http://'+$(“输入网站”).val());
}
//如果用户输入了1-4个字符
}else if($(“输入网站”).val().length>0&$(“输入网站”).val().length<5){
//如果用户的前4个字符没有h
如果($(“输入#网站”).val().indexOf(“h”)=-1){
$(“输入网站”).val('http://'+$(“输入网站”).val());
}
}
}

我正在尝试使用.change和.trigger函数编写脚本。太棒了!谢谢你@supercolville!这正是我想要的!
$(document).ready(function () {

        $('input#Website').bind('change',function() {
               addhttp();
        });

        $('input#Website').keyup(function() {
               addhttp();
        });    
});

function addhttp () {
    // if user has entered 4 or more characters
    if ($("input#Website").val().length >= 4) {

        // if user's first 4 characters are not http
        if ($("input#Website").val().indexOf("http") == -1) {
            $("input#Website").val('http://' + $("input#Website").val());
        }

    // if user has entered 1-4 characters
    } else if ($("input#Website").val().length > 0 && $("input#Website").val().length < 5) {

        // if user's first 4 characters do not have h
        if ($("input#Website").val().indexOf("h") == -1) {
            $("input#Website").val('http://' + $("input#Website").val());
        }
    }

}