javascript - modal keep open during validation -
i'm doing record modal boostrap laravel performing validation. sending data via jquery ajax realize it. problem have pressing submit button closes modal. how keep open modal until end of validacion ?? thank you
modal:
<!--- register modal --> <div class="modal fade" id="register" role="dialog"> <div class="modal-dialog"> <!-- modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">registro</h4> </div> <div class="modal-body"> <form class="form" role="form" id="new-user" data-token="{{ session::token() }}" method="post" > {{ csrf_field() }} <div id="error"> <!-- error showen here ! --> </div> <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}"> <label for="name">nombre completo: </label> <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}"> @if ($errors->has('name')) <span class="help-block"> <strong>{{ $errors->first('name') }}</strong> </span> @endif </div> <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}"> <label for="email">correo electronico: </label> <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}"> @if ($errors->has('email')) <span class="help-block"> <strong>{{ $errors->first('email') }}</strong> </span> @endif </div> <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}"> <label for="pwd">contraseña:</label> <input id="password" type="password" class="form-control" name="password"> @if ($errors->has('password')) <span class="help-block"> <strong>{{ $errors->first('password') }}</strong> </span> @endif </div> <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}"> <label >confirmar contraseña:</label> <input id="cpassword" type="password" class="form-control" name="cpassword"> @if ($errors->has('password_confirmation')) <span class="help-block"> <strong>{{ $errors->first('password_confirmation') }}</strong> </span> @endif </div> <!-- <input type="hidden" name="_token" value="{{session::token()}}"> seguridad --> <button type="submit" class="btn btn-default" id="submit" >registro</button> <div> <!-- boton login facebook--> <div> <a href="/login-facebook" class="login-facebook" </div><span data-reactid=".1.0.1.2.1:0">facebook</span></a> </div> <!-- boton login google--> <div> <a href="/login-google" class="login-google" </div><span data-reactid="">google</span></a> </div> </div> </form> </div> </div> </div> </div> js:
function send(event){ event.preventdefault(); $.ajax({ type: 'post', url: "{{url('/register')}}", data: { name: $('#name').val(), email: $('#email').val(), password: $('#password').val(), cpassword: $('#cpassword').val(), _token: $('#new-user').attr('data-token') }, success: function (data) { $("#error").fadein(1000, function () { $("#error").html('<div class="alert alert-danger"><span class="glyphicon glyphicon-info-sign"></span> ' + data + ' !</div>'); }); } }); }
i don't know how call send() js function... don't know if preventing form submission. anyway:
your modal should not been closed on submit form, except if form being sent , page reloads.
to prevent form being submitted , current page reload:
$('#new-user').submit(function(e) { e.preventdefault; }); and close modal in ajax.success function try use:
$('#register').modal('hide');
Comments
Post a Comment