i developing application in send form data using ajax. after success function data add database not display messages , complete form data appends url. in using "post" method. why data appends form , not showing messages result field.
this html code
<form class="form-horizontal form-label-left" id="myform" novalidate> <span class="section">personal info</span> <div class="item form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="fname"> first name <span class="required">*</span> </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="fname" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="1" name="fname" placeholder="first name" required="required" type="text"> </div> </div> <div class="item form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="lname"> last name <span class="required">*</span> </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="lname" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="1" name="lname" placeholder="last name" required="required" type="text"> </div> </div> <div class="item form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="username"> username <span class="required">*</span> </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="username" class="form-control col-md-7 col-xs-12" data-validate-length-range="0,25" data-validate-words="1" name="username" placeholder="username" required="required" type="text"> </div> </div> <div class="item form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">email <span class="required">*</span> </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="email" id="email" name="email" required="required" class="form-control col-md-7 col-xs-12" placeholder="abc@gmail.com"> </div> </div> <div class="item form-group"> <label for="password" class="control-label col-md-3">password <span class="required">*</span></label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="password" type="password" name="password" data-validate-length="6,8" class="form-control col-md-7 col-xs-12" required="required"> </div> </div> <div class="item form-group"> <label for="password2" class="control-label col-md-3 col-sm-3 col-xs-12">repeat password</label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="password2" type="password" name="password2" data-validate-linked="password" class="form-control col-md-7 col-xs-12" required="required"> </div> </div> <div class="item form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="telephone">telephone <span class="required">*</span> </label> <div class="col-md-6 col-sm-6 col-xs-12"> <input type="tel" id="telephone" name="telephone" required="required" data-validate-length-range="8,20" class="form-control col-md-7 col-xs-12"> </div> </div> <div class="item form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="status">status</label> <div class="col-md-6 col-sm-6 col-xs-12"> <select id="status" name="status" class="form-control col-md-7 col-xs-12"> <option>select status</option> <option value="active" >active</option> <option value="inactive">inactive</option> <option value="vacation">vacation</option> </select> </div> </div> <div class="item form-group"> <label class="control-label col-md-3 col-sm-3 col-xs-12" for="role">role</label> <div class="col-md-6 col-sm-6 col-xs-12"> <select id="role" name="role" class="form-control col-md-7 col-xs-12"> <option value="active" >select role name</option> <option value="manager" >manager</option> <option value="operator">operator</option> <option value="admin">admin</option> </select> </div> </div> <div class="ln_solid"></div> <div class="form-group"> <div class="col-md-6 col-md-offset-3"> <button type="reset" id="reset" class="btn btn-primary">cancel</button> <button id="send" type="submit" class="btn btn-success">submit</button> </div> </div> <div id="result"></div> </form> after submit call js file in using ajax.
ajax function
function processform( e ){ alert(e); $.ajax({ url: 'add_user_check.php', datatype: 'text', type: 'post', contenttype: 'application/x-www-form-urlencoded', data: $(this).serialize(), success: function( data, textstatus, jqxhr ) { alert(data); var split = data.split(','); var display = split[0]; var msg = split[1]; $('#result').html( msg ); }, error: function( jqxhr, textstatus, errorthrown ){ $('#result').html( "connection error :"+errorthrown); } }); e.preventdefault(); } $('#myform').submit( processform ); if data submitted returns success message , display result field. message not display , complete data appends url. shown in fig.
why happens? , why not display proper message result field.
thanks in advance.
in short because there no real error. php not processing request , goes normal business. url has post data stuck in there would, isnt being flushed out since isnt being redirected.
this because haven't specified method form.
you need use
<form method="post" ....