Разделить одно поле ввода в НЕСКОЛЬКО HTML

Как я могу разделить одно поле ввода в нескольких частях, поддерживая входную строку без разделения? Таким образом, строка «разделяется» только визуально.
Так что, если пользователь вводит «12345678», то, очевидно, результат отправки будет: field = «12345678», отправив «12345678» на сервер. Так как я могу сделать:
field1 = "12"
field2 = "34"
field3 = "56"
Field4 = "78"
STILL подачи "12345678" на сервер?Разделить одно поле ввода в НЕСКОЛЬКО HTML

PSSorry, объясняется просто, как я мог =)

источник

2015-03-02 MastersWRC

Как вы отправляете это на сервер? javascript или? – bbvanee

Добавьте скрытое поле ввода, чтобы сохранить значение unsplit. Используйте JavaScript для копирования значений из разделенных полей в основное поле. –

Передача с использованием js. – MastersWRC

Вы можете использовать JavaScript для добавления каждого из полей вместе (осторожно, чтобы не добавить действительные числа), затем сделать поле, в котором пользователь не может редактировать , и назначьте свое новое значение этому, а затем отправьте это на сервер, надеюсь, что я объяснил, что все в порядке!

источник

2015-03-02 14:03:56

Это на самом деле хорошая идея. Дай мне попробовать. – MastersWRC

@MastersWRC Дайте мне знать, как вы поживаете –

Я почти здесь! Все еще есть проблема. Js объединяет две строки вместе и вставляет результат в скрытое поле. Как я могу отправить данные на сервер из поля HIDDEN? '\t <Сценарий тип = "текст/JavaScript"> функция присоединиться() \t <форма действия = "/ search.php" метод = "POST" onsubmit = "возвращение checkSearch();"> <ввод id = "result" type = "hidden" value = "" style = "solid # 494846;">

' – MastersWRC

-1

РЕШЕНИЕ: В основном все, что вам нужно, это скрипт:

<script type="text/javascript"> 
function join() 
{ 
var a = document.getElementById('a').value; 
var b = document.getElementById('b').value; 
document.getElementById('result').value = a+b; 
} 
</script>

Вы должны сделать 3 независимых полей: 1 скрытый и два обычных. Скрытое поле будет контейнером результатов. Сценарий просто добавляет 2 значения из обычных полей и помещает результат в HIDDEN один. Таким образом, код HTML5 является:

<form action="/exec/search.php" method="POST" onsubmit="return checkSearch();"> 
<input id="result" type="hidden" name="search" value="" style="border: 1px solid #494846; margin-left:25px;"> 
<input type="submit"> 
</form> 
<form> 
<input id="a" class="tiny" type="text" oninput="join();" onpaste="join();"> 
<input id="b" class="tiny" type="text" oninput="join();" onpaste="join();"> 

</form>

Благодаря Тоби Cannon за помощь!

P.S. это абсолютно базовая модель. Вы можете продвигать его, как хотите.

источник

2015-03-02 16:09:06 MastersWRC

Разделить одно поле ввода в НЕСКОЛЬКО HTML

ответ

Смежные вопросы