从表单字段中删除单词的代码

时间:2018-05-14 20:00:47

标签: jquery forms field

我有一个jQuery表单,其中包含一个网站URL的文本字段(字段ID为:43)。当用户输入“http://”或“https://”作为URL的一部分时,我需要表单在之前或之后自动删除“http://”或“https://”部分表格已提交。

我似乎无法让这个工作。这是我尝试过的最新代码(起初,只是试图让它删除“http://”

<script type="text/javascript">
               document.getElementById("43").setAttribute("onchange", "deleteValue()");
function deleteValue() {
    var weburl = 'http://';
    var textarea = document.getElementById("43");
    var data = textarea.value;
    textarea.value = textarea.value.replace(weburl.value, "");
}
</script>

任何人都可以就如何使其发挥作用提出建议吗?

1 个答案:

答案 0 :(得分:0)

您可以使用.blur()事件触发删除http://https://

工作示例:

$(document).ready(function(){
    
    $('input').blur(function(){
        var currentText = $(this).val();
        var replacedText = currentText.replace(/^https?\:\/\//i, '');
        $(this).val(replacedText);
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
<fieldset>
<legend>Write a url with http:// and click elsewhere</legend>
<input type="text" name="myUrl" />
</fieldset>
</form>