將一個輸入字段拆分爲幾個HTML

如何將一個輸入字段拆分爲多個部分，以保持輸入字符串不被拆分？因此，字符串僅在視覺上「分裂」。
所以如果用戶輸入「12345678」，顯然提交的結果是：field =「12345678」，提交「12345678」給服務器。那麼，怎樣才能讓我：
字段1 = 「12」
FIELD2 = 「34」
字段3 = 「56」
字段4 = 「78」
STILL提交「12345678」服務器？將一個輸入字段拆分爲幾個HTML

PSSorry，解釋那樣簡單，因爲我可以=）

來源

2015-03-02 MastersWRC

你如何提交這個服務器？ javascript還是？ – bbvanee 2015-03-02 14:01:40

添加隱藏的輸入字段以包含未分離的值。使用JavaScript將分割字段中的值複製到主字段中。 – 2015-03-02 14:01:47

使用js提交。 – MastersWRC 2015-03-02 14:04:12

你可以使用JavaScript來添加的每個字段一起（注意不要添加實際的數字），然後做一個字段，其中用戶無法編輯，併爲此分配新的值，然後將其發送給服務器，希望我解釋說好！

來源

2015-03-02 14:03:56

這實際上是個好主意。讓我嘗試。 – MastersWRC 2015-03-02 14:05:45

@MastersWRC讓我知道你如何得到 – 2015-03-02 14:08:13

我快到了！仍然有問題。 Js將兩個字符串合併在一起，並將結果插入到隱藏字段中。我如何從HIDDEN字段向服務器提交數據？ '\t <腳本類型= 「文本/ JavaScript的」> 功能加入（） \t <形式行動= 「/ search.php中」方法= 「POST」的onsubmit = 「返回checkSearch（）;」> <輸入id =「result」type =「hidden」value =「」style =「solid＃494846;」>

' – MastersWRC 2015-03-02 15:51:41

-1

SOLUTION： 基本上所有你需要的是這個劇本：

<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>

感謝Toby Cannon的幫助！

P.S.這是絕對基本的模式。無論您希望如何，您都可以提前完成。

來源

2015-03-02 16:09:06 MastersWRC

將一個輸入字段拆分爲幾個HTML

回答

相關問題