Форум

pokk · #1 (**permalink**) 05.02.2018, 09:45

Добрый день подскажите, как сделать так что бы когда пользователь меняет значение в инпуте, некоторые символы он не мог изменить, что бы они остались как были.

ksa · #2 (**permalink**) 05.02.2018, 10:38

Сообщение от pokk

как сделать так что бы когда пользователь меняет значение в инпуте, некоторые символы он не мог изменить, что бы они остались как были

Вот, например, не меняются первые 2 символа...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var str='';
	$('input').on('input',function(e){
		if (str.length==2) {
			if (this.selectionStart<3) {
				this.value=this.value.replace(/./,'');
			};
			this.value=this.value.replace(/.?.?/,str);
		} else {
			str=this.value.slice(0,2);
		};
	});
});
</script>
</head>
<body>
<input type='text' />
</body>
</html>

pokk · #3 (**permalink**) 05.02.2018, 12:49

Благодарю, а replace(/./ и replace(/.?.?/ чего такое и для чего?
18 строчка this.value=''; какое отличие?

у себя сделал чуть по другому но и так тоже работает

var str='';
function Input_MAC(){
Temp=document.getElementById("id_Mac");
		if (str.length==2) {
			if (Temp.selectionStart<3) {
				//Temp.value=Temp.value.replace(/./,'');
				Temp.value='';
				console.log(Temp.value);
			};
			Temp.value=Temp.value.replace(/.?.?/,str);
			console.log(Temp.value);
		} else {
			str=Temp.value.slice(0,2);
		};	
	
}

Dilettante_Pro · #4 (**permalink**) 05.02.2018, 14:20

Наверное, имеет смысл заранее задать 2 первых символа, например:

var str='0#';
    $('input').val(str);

ksa · #5 (**permalink**) 06.02.2018, 09:31

Сообщение от pokk

а replace(/./ и replace(/.?.?/ чего такое и для чего?

Сообщение от ksa

this.value=this.value.replace(/./,'');

Убирает первый символ.

Сообщение от pokk

Temp.value='';

Твой вариант просто "обнуляет" всю строку...
Думаю разница тут очевидна.

Сообщение от ksa

this.value=this.value.replace(/.?.?/,str);

Уберет первый и второй символы если они есть...

Сообщение от pokk

у себя сделал чуть по другому но и так тоже работает

Это же твой код - тебе и определять какой он будет...

Alexandroppolus · #6 (**permalink**) 06.02.2018, 10:54

можно вынести их перед инпутом

Dilettante_Pro · #7 (**permalink**) 06.02.2018, 11:26

Alexandroppolus,

Сообщение от Alexandroppolus

можно вынести их перед инпутом

Здравая мысль! Такой как-бы комбинированный инпут

<div style="display: inline-block;border:1px solid blue">
  0x<input type="text">
</div>

laimas · #8 (**permalink**) 06.02.2018, 11:35

Сообщение от Dilettante_Pro

Здравая мысль!

Если только не требуется отправка их на сервер, в противном случае придется собирать дополнительно в кучу. И что это такое 0#?

Dilettante_Pro · #9 (**permalink**) 06.02.2018, 12:00

laimas,
Пардон, 0x
Префикс шестнадцатеричного числа. Именно эти два символа нужны ТС, насколько я помню из его предыдущих тем

laimas · #10 (**permalink**) 06.02.2018, 12:18

<input type="number" min="100" max="125" value="105" onchange="document.getElementById('hex').value=this.valueAsNumber.toString(16).toUpperCase()" /> 0x<output id="hex">69</output>

Форум

Справочник

Discord чат

Курсы javascript