client side

        $("#oqc").submit(function(){
                var formData = new FormData($(this)[0]);

                $.ajax({
                    url: doinput.php,
                    type: 'POST',
                    data: formData,
                    async: false,
                    success: function (data) {
                            alert(data)
                    return this;
                        },
                    cache: false,
                    contentType: false,
                    processData: false
                    });
                return false;
            });

        $('#filename').change(function() {
                var detail = $(this).val();
                var lastIndex = detail.lastIndexOf("\\");
                if (lastIndex >= 0) {
                    detail = detail.substring(lastIndex + 1);
                    }
                $('#detail').val('data/'+detail);
            });

        $( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
            $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );

        $("input").autocomplete();

        $("#datepicker").datepicker({
             dateFormat:'yy-mm-dd'
            });
                });
  </script>


</head>
<body>
<div id="wrapper">

<div id="header">
    <div id="center_header" >
            <div id="left_header" >
            QA PROBLEM LIST
            </div><!-- #left_header -->

            <div id=menu >
            <?php include('menu.htm'); ?>
            </div><!-- #menu -->
    </div><!-- #center_header -->
</div> <!-- #header -->

<div id="container">
    <div id="center_container">
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">OQC</a></li>
            <li><a href="#tabs-2">Mechanism</a></li>
            </ul>

        <div id="tabs-1">
        <form id="oqc" method="post" enctype="multipart/form-data">
            <table>
                <tr>
                    <td>Model</td>
                    <td>:</td>
                    <td><input type="text" id="mod" name="mod" /></td>
                </tr>
                <tr>
                    <td>Serial</td>
                    <td>:</td>
                    <td><input type="text" id="no" name="no" /></td>
                </tr>
                <tr>
                                        <td>Lot No</td>
                                        <td>:</td>
                                        <td><input type="text" id="lotno" name="lotno" /></td>
                                </tr>
                <tr>
                                        <td>Date</td>
                                        <td>:</td>
                                        <td><input type="text" id="datepicker" name="date" /></td>
                                </tr>
                <tr>
                                        <td>Symptom</td>
                                        <td>:</td>
                                        <td><textarea id="sym" name="sym" rows="5" cols="30"></textarea></td>
                                </tr>
                <tr>
                                        <td>Cause</td>
                                        <td>:</td>
                                        <td><textarea id="coz" name="coz" rows="5" cols="30"></textarea></td>
                                </tr>
                <tr>
                                        <td>Status</td>
                                        <td>:</td>
                                        <td><input id="stat1" type="radio" class="stat" name="stat" value="OPEN" />OPEN
                                            <input id="stat2" type="radio" class="stat" name="stat" value="CLOSED" />CLOSED</td>
                                </tr>
                <tr>
                                        <td>Countermeasure</td>
                                        <td>:</td>
                                        <td><textarea id="cm" name="cm" rows="5" cols="30"></textarea></td>
                                </tr>
                <tr>
                                        <td>Details</td>
                                        <td>:</td>
                                        <td>
                        <input type="text" id="detail" name="detail" />
                                    <input id="filename" name="uploadedfile" type="file" />
                                <!--    <input type="submit" value="Upload File" />  -->
                    </td>
                                </tr>
                <tr>
                    <td colspan="3" align="center">
                        <input type="submit" id="oqcsubmit" value="Submit" />
                        <input type="hidden" name="action" value="oqcdata" />
                    </td>
                </tr>
            </table>
        </form>
            </div>