Код для удаления слова из поля формы

Question

У меня есть форма jQuery с текстовым полем (идентификатор поля: 43) для URL веб-сайта.Когда пользователь вводит либо «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>

Может кто-нибудь дать предложение относительно того, как я могу заставить это работать?

Answer 1

Вы можете использовать событие .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>