Question

I have a form with a unique identifier field that the user needs to enter, when passing this value it needs to appear in different field id. so for instance. the field that user enters the unique code in is called “unique” and the copy needs to be in “message”, how can i achieve that?

<div data-role="fieldcontain">
                        <label for="pins" id="pinLabel"><span style="color:#f22300">*</span>&nbsp;Unique Code:</label>
                        <input data-mini="true" name="pins_r" id="pins" placeholder="9 alphanumeric characters"/>
                    </div>
                    <input type="hidden" id="msg" name="msg" value=pins>

Thanks

Answer 1

There are two ways to do this with JavaScript.

Method 1)

Have an onchange event on the unique field such that whenever the value is changed, change it in a hidden field called message.

<input type="text" id="unique" name="unique" onchange="setMessage(this);">
<input type="hidden" id="message" name="message">

function setMessage(field) {
    document.getElementById('message').value = field.value;
}

Method 2)

Use ajax to post the form instead, that way you can build the fields yourself.

ie. post message= document.getElementById(‘unique’).value

Both the above are greatly improved if you use JQuery or another JS helper framework.