Как я могу изменить текст в нижний регистр и заменить пробелы дефисами, используя jQuery? - PullRequest
29 голосов
/ 29 сентября 2010

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

Таким образом, если кто-то введет «This Is A Sample» в поле ввода заголовка, поле ввода идентификатора будет установлено на «this-is-a-sample».

<input type="text" name="title" value="This Is A Sample" />
<input type="hidden" name="identifier" value="this-is-a-sample />

Ответы [ 5 ]

56 голосов
/ 29 сентября 2010

Это заменит все пробелы на -

<script type="text/javascript">
$(document).ready(function(){
var test= $('input[name="title"]').val();
test = test.toLowerCase().replace(/ /g, '-');
$('input[name="identifier"]').val(test);
}):
</script>
15 голосов
/ 29 сентября 2010

Для преобразования в нижний регистр:

var lowercase = 'This Is A Sample'.toLowerCase();

Заменить пустое место:

var Replace= 'This Is A Sample'.replace(/ /g,"-");

взгляните на этот пример

@ JSbin

3 голосов
/ 29 сентября 2010

Вы можете сделать это так:

<script type="text/javascript">
var el = document.getElementById('identifier');
var text = el.value;
el.value = text.toLowerCase().replace(' ', '-');
</script>

или, если вы используете JQuery:

<script type="text/javascript">
$('identifier').value = $('identifier').value.toLowerCase().replace(' ', '-');
</script>
2 голосов
/ 29 сентября 2010
var lower = $('input#textFieldId').val().toLowerCase(); // to lower case
var hyp = lower.replace(/ /g,"-");                      // spaces to hyphens
$('input#hiddenFieldId').val(hyp);                      // in hidden field

Чек

1 голос
/ 29 сентября 2010

Чтобы переключить текст в нижний регистр, используйте метод JavaScript toLowerCase () .

<script type="text/javascript">

var str="Hello World!";
document.write(str.toLowerCase());

</script> 

См. этот вопрос Stackoverflow о том, как заменить все пробелыс тире с использованием JavaScript.

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