javascript - Submit button not working in bootstrap tabs -
i have been trying make work submit button not working @ all. bootstrap tab window using is:
<!-- nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">add new game</a></li> <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">profile</a></li> <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">messages</a></li> <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">settings</a></li> </ul> <!-- tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home"> <div class="form-group" style="margin-top: 15px;"> <label for="exampleinputemail1">game title</label> <input type="text" class="form-control" id="exampleinputemail1" placeholder="" name="gtitle" /> </div> <div class="form-group"> <label for="exampleinputpassword1">youtube link</label> <input type="text" class="form-control" id="exampleinputpassword1" placeholder="" name="ytlink" /> </div> <div class="form-group"> <label for="exampleinputpassword1">link source</label> <input type="text" class="form-control" id="exampleinputpassword1" placeholder="ex: gleam, dlh, failmid, hrkgame, indiegala, other, steam" name="slink" /> </div> <div class="form-group"> <label for="exampleinputpassword1">link free steam keys</label> <input type="text" class="form-control" id="exampleinputpassword1" placeholder="key must give +1 steam library game count" name="keysl" /> </div> <label for="exampleinputpassword1">steam app id</label> <div class="input-group" style="padding-bottom: 10px;"> <span class="input-group-addon" id="basic-addon3">http://store.steampowered.com/app/</span> <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3" placeholder="app id" name="appid" /> </div> <div class="form-group"> <label for="exampleinputpassword1">categories</label> <div class="checkbox"> <label class="radio-inline"> <input type="radio" name="inlineradiooptions" id="inlineradio1" value="option1" /> 1 <h4><span class="label label-success">keys available</span></h4> </label> <label class="radio-inline"> <input type="radio" name="inlineradiooptions" id="inlineradio2" value="option2" /> 2 <h4><span class="label label-danger">no keys left</span></h4> </label> </div> <button type="submit" class="btn btn-default" name="insert">submit</button> </div> </div> <div role="tabpanel" class="tab-pane" id="profile">abc</div> <div role="tabpanel" class="tab-pane" id="messages">..</div> <div role="tabpanel" class="tab-pane" id="settings">...dd</div> </div> </div>
i've tried use , javascript.. not working.. whenever click submit buttons, nothing happens , form doesn't post values. let me know how make work.
you should use <form>
tag instead in form-group
submit form.
do these instead:
<form class="form-group" method="post" action="submit_something.php"> . . . </form>
and might need php handling form submit database, if there is.
Comments
Post a Comment