0

基于也使用 jqbootstrapvalidation 但不能在表或 td 中间工作的响应目的使用引导程序，它只能在 div 中工作，任何人都可以帮助如何验证表或 td 中的每个字段

提前致谢 

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

<script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <script src="js/jqBootstrapValidation.js"></script>
    <script>
        $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );
    </script>

<form>
<div class="row-fluid section">
        <div class="span12">
                    <table table table-condensed>

                            <tr>
                                <td><label><b>Form One</b></label></td>
                            </tr>
                            <tr>
                                <td width="25%">Market:</td>
                                <td width="25%"><select><option>-------Select-----------</option><option>--one--</option><option>--two--</option></select></td>
                                <td width="25%">Birth Date(mmddyyyy):</td>
                                <td width="15%"><input type="text"></input></td>
                                <td><i class="icon-calendar" style="position:relative;right:30px;"></i></td>

                            </tr>
                            <tr>
                                <td width="30%">PIN:</td>
                                <td width="30%"><input type="text"></input></td> 
                            </tr>
                    </table>
        </div>
    </div>

<br/>
<div class="row-fluid section">
        <div class="span12">
                    <table table table-condensed>

                            <tr>
                                <td><label> <b>Form Two</b></label></td>
                            </tr>
                            <tr>
                                <td width="12%">First Name:</td>
                                <td width="12%"><input type="text"></input></td>
                                <td width="12%">Init:</td>
                                <td width="12%"><input type="text" class="inputw100"></input></td>
                                <td width="12%">Last Name:</td>
                                <td width="12%"><input type="text"></input></td>
                            </tr>

                            <tr>
                                <td width="30%">Address1:</td>
                                <td width="30%"><input type="text" class="inputw190"></input></td> 
                                <td width="30%">Address2:</td>
                                <td width="30%"><input type="text" class="inputw190"></input></td> 
                            </tr>


                            <tr>
                                <td width="12%">City:</td>
                                <td width="12%"><input type="text"></input></td>
                                <td width="12%">State:</td>
                                <td width="12%"><input type="text"></input></td>
                                <td width="12%">Zip:</td>
                                <td width="12%"><input type="text" class="inputw100"></input></td>
                            </tr>

                            <tr>
                                <td width="12%">Contact Number:</td>
                                <td width="12%"><input type="text"></input></td>
                                <td width="12%">Welcome E-mail Address:</td>
                                <td width="12%"><input type="text"></input></td>
                            </tr>

                            <tr>
                                <td width="30%">Authorized User:</td>
                                <td width="30%"><input type="text"></input></td>
                            </tr>

                    </table>
        </div>
    </form>
4

0 回答 0