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>