javascript - how can i call a php function using form submit -
i making registration form in php code , html form in same page , , have have java script validate fields, if validation done, need post data calling php , submit in database
if(isset($_post['name'])){ $order = "insert `reg_form`(`name`) values ('$_post[name]')"; $result = mysql_query($order, $db2); if (!$result) { echo("<br>input failed"); } else { echo 'regestered !!!'; } } <form name="register" id="register" class="b1 f_l" action="register.php" method="post"> <div class="input-group" style="padding-top: 20px;"> <span class="label_1">name </span> <input type="text" class="inp_t" placeholder="your name" name="name" id="name" required> </div> <div style="padding-top: 20px;"> <button type="submit" class="btn btn-primary register" value="submit" >submit</button> </div> </form> <script language=javascript> $('#register').validator() .submit(function(e){ var form = $(this); var valid = form.validator({messageclass: "alert alert-danger validate_error", position: 'center right'}); if (valid.data("validator").checkvalidity()){ alert('not working'); }// valid e.preventdefault(); return false; });// submit </script>
so want prevent default action if form not validated properly:
if (valid.data("validator").checkvalidity()) { // assuming means validation failed alert('not working'); e.preventdefault(); return false; } else { // it's working, let submission go through return true; } now need give submit button name php can know it
<button type="submit" name='submit-btn' class="btn btn-primary register" value="submit" >submit</button> and lastly need update php script handle form submission. put script @ top of register.php file since that's form submitting to, , since you're submitting via post, check post array:
// submit button value check here if(isset($_post['submit-btn'] && $_post['submit-btn'] == "submit") { // handle form submission here // read data $_post array using name gave form elements // create database connection , store data in database }
Comments
Post a Comment