ขอคำแนะนำหน่อยครับ bootstrap validator ไม่ยอมทำงาน nav nav-tabs

    
        <script>
            $(document).ready(function() {
                $('#registrationForm').bootstrapValidator({
                    // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
                    feedbackIcons: {
                        valid: 'glyphicon glyphicon-ok',
                        invalid: 'glyphicon glyphicon-remove',
                        validating: 'glyphicon glyphicon-refresh'
                    },
                    fields: {
                    	tyin_id: {
                            validators: {
                                notEmpty: {
                                    message: 'bar bar bar'
                                }
                            }
                        },
                        tyas_id: {
                            validators: {
                                notEmpty: {
                                    message: 'bar bar bar'
                                }
                            }
                        },
                        ifge_type_rentarea: {
                            validators: {
                                notEmpty: {
                                    message: 'bar bar bar'
                                }
                            }
                        },
                        ifge_name: {
                            validators: {
                                notEmpty: {
                                    message: 'bar bar bar'
                                },
                            stringLength: {
                                    min: 15,
                                    max: 250,
                                    message: 'bar bar bar'
                                }
                        	}
                        }
                    }
                });
            });
            </script>
            
            <form id="registrationForm" method="post" class="form-horizontal" enctype="multipart/form-data" action="">
            	<div id="f_law2">
            		<div id="main_law">
            	      	<ul class="nav nav-tabs">
            	            <li class="active"><a href="#tab-general" data-toggle="tab">item1</a></li>
            	            <li class=""><a href="#tab-data" data-toggle="tab">item2</a></li>
                      	</ul>
                      	<div style="clear: both;"></div>
                      	<div class="tab-content">
                        <div class="tab-pane active" id="tab-general">
                        <input class="text_post" type="text" name="tyin_id" maxlength="250"/>
                        </div>
                        <div class="tab-pane active" id="tab-data">
                        <input class="text_post" type="text" name="tyas_id" maxlength="250"/>
                        </div>
            <button type="submit" name="submitbutton" class="btn btn-default">postdata</button>
    </div></div>
    </form>