Ajouter une entrée supplémentaire avant enregistrement de l'utilisateur dans laravel 5.4

Question

J'ai un formulaire d'inscription pour l'utilisateur ce que je veux est après que l'utilisateur soumet le formulaire ouvrir un modal et afficher un champ d'entrée dire code et vérifier si les entrées de l'utilisateur un valide code le registre l'utilisateur dedans.

actuellement j'ai code le champ dans mon inscription pour et je peux vérifier si son valide sur le formulaire soumettent mais je veux le faire dans un modal dans une autre étape. Comment puis-je ouvrir un modal sur soumettre et ensuite procéder à l'enregistrement une fois que l'utilisateur entre le code?

Formulaire

<form class="form-horizontal" method="POST" action="{{ route('register') }}"> 
{{ csrf_field() }} 
<div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}"> 
    <label for="name" class="control-label">Name</label> 
    <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" required autofocus> 

    @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" class="control-label">E-Mail Address</label> 
    <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required> 

    @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="password" class="control-label">Password</label> 
    <input id="password" type="password" class="form-control" name="password" required> 

    @if ($errors->has('password')) 
     <span class="help-block"> 
           <strong>{{ $errors->first('password') }}</strong> 
          </span> 
    @endif 
</div> 

<div class="form-group"> 
    <label for="password-confirm" class="control-label">Confirm Password</label> 
    <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required> 
</div> 
<div class="form-group"> 
    <div id="logonForgot"> 
     <label for="promo-code" class="control-label">Promo Code*</label> 
     <input id="promo-code" type="text" class="form-control" name="promo_code" required> 
    </div> 
    <button id="btnSubmit" type="submit" class="btn btn-primary"> 
     Register 
    </button> 
</div> 

Answer 1

Vous avez plusieurs façons de le faire.

Vous pouvez le faire avec js pur.

<from action="yoururl"> 
    your form here 
    <button onclick="myActionWhenClick()">Submit</button> 
</form> 
<script> 
    function MyActionWhenClick(){ 
    Open Modal Fucntion here... 
    } 
</script> 

Ou si que vous utilisez jQuery vous pouvez le faire:

<button type="submit" id="submitForm"> Submit</button> 
<script> 
    $("#submitForm").submit(function(){ 
     $("#modalWhitCode").modal("show") //example if you are using bootstrap 
    } 
</script> 

Et vous pouvez utiliser ajax pour valider ou tout ce que vous utilisez maintenant pour vérifier le code, utilisez onclick pour valider la fonction puis utilisation:

js purs

document.getElementById("myForm").submit(); 

ou jquery

$("#myForm").submit();