sabecs
asked on
JavaScript - get value of input field
HI,
just wondering if there is a simple way to get the value of my tracking_number input field to pass to another input button?
Thanks
just wondering if there is a simple way to get the value of my tracking_number input field to pass to another input button?
Thanks
<div class="order_details_head">Delivery Tracking Number</div>
<div class="order_details">
<input name="tracking_number"style="width:120px" type="text" id="tracking_number" value="" size="35">
<input type="button" onClick="if(confirm('This will send an email to the customer with their Delivery Tracking Number.')){location.href='view_upd_order.php?order_id=123&send_tracking=Y&tracking_number=?????'}" value="Send Tracking Details">
</div>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You just need to replace ?????' with '+ document.getElementById('t racking_nu mber').val ue
Remaining you have already done.
Remaining you have already done.
basically its the same as above solutions.. I've just added a validation block.. which will check the tracking number value.. If you have a specific format of your tracking number.. you can validate it by performing RegEx validation..
<script type="text/javascript">
function SendTrackingDetails(obj)
{
if(confirm('This will send an email to the customer with their Delivery Tracking Number.'))
{
if(obj.value != undefined && obj.value != "") //Check if Tracking Number is entered or not..
{
location.href='view_upd_order.php?order_id=123&send_tracking=Y&tracking_number=' + obj.value;
}
else
{
alert('Enter Tracking Number.');
return false;
}
}
}
</script>
<div class="order_details_head">Delivery Tracking Number</div>
<div class="order_details">
<input name="tracking_number"style="width:120px" type="text" id="tracking_number" value="" size="35" />
<input type="button" onClick="return SendTrackingDetails(document.getElementById('tracking_number'));" value="Send Tracking Details" />
</div>
Open in new window