发送表格的数据，该DIV提交，使用jQuery的形式外，laravel 5.3

Question

这是我的形式

 <form method="post" action="{{url('/vpage')}}"> 
     <input type="hidden" name="_token" value="{{ csrf_token() }}"> 

     <label>First Name</label> 
      <input type="text" name="firstname" placeholder="First Name" value="{{$user->firstname}}" > 

     <label>Email Address</label> 
      <input type="text" name="email" placeholder="Email Address" value="{{$user->email}}" > 

     <label>Phone Number <span> (optional)</span></label> 
      <input type="text" name="phone" placeholder="(888) 888-888" value="{{$user->phone}}" > 

     <button id="hitme" class="submitBTN getstart" type="submit" onclick='return false;'> Get Started </button> 
     </form> 

这是形式

<div class="vgasRit"> 
     <p>SUMMARY</p> 
      <div class="sfieldz w100"> 

       <label>Name:</label> 
       <input type="text" placeholder="John Smith" value="{{$user->firstname}}"> 

      </div> 
      <div class="w100"> 
       <label>Email Address:</label> 
       <input type="text" placeholder="johnsmith@gmail.com" value="{{$user->email}}" > 
      </div> 

      <div class="w100"> 
       <label>Phone Number:</label> 
      <input type="text" placeholder="(888) 888-888" value="{{$user->phone}}"> 
      </div> 
    </div> 

我要访问的值以外的div当用户提交表单时，“fistname”，“lastname”和“phone”的名称，以便我可以在摘要div中显示它。

注：我已经试过PHP的小型功能在我的控制器，这样我可以在我看来发送整个数据库对象，但这个解决方案没有工作，采用紧凑型功能后，我访问这样

对象

<input type="text" placeholder="John Smith" value="<?= (!empty($group_data)) ? $group_data->firstname : '';?>"> 

有关这个的任何想法？我是laravel新手。我在互联网上服务了几个小时，但没有发现。

Answer 1

如果一切都在同一页上，给你的表单的输入ID：

<form id="form" method="post" action="{{url('/vpage')}}"> 
<label>First Name</label> 
     <input id="firstname" type="text" name="firstname" placeholder="First Name" value="{{$user->firstname}}" > 

    <label>Email Address</label> 
     <input id="email" type="text" name="email" placeholder="Email Address" value="{{$user->email}}" > 

    <label>Phone Number <span> (optional)</span></label> 
     <input id="phone" type="text" name="phone" placeholder="(888) 888-888" value="{{$user->phone}}" > 

给你总结DIV输入ID太：

<p>SUMMARY</p> 
     <div class="sfieldz w100"> 

      <label>Name:</label> 
      <input id="firstname2" type="text" placeholder="John Smith" value="{{$user->firstname}}"> 

     </div> 
     <div class="w100"> 
      <label>Email Address:</label> 
      <input id="email2" type="text" placeholder="johnsmith@gmail.com" value="{{$user->email}}" > 
     </div> 

     <div class="w100"> 
      <label>Phone Number:</label> 
     <input id="phone2" type="text" placeholder="(888) 888-888" value="{{$user->phone}}"> 
     </div> 

然后，使用jQuery来获取这些值当用户提交表格时：

$('#form').submit(function() { 
    // set our summary div inputs values with our form values 
    $('firstname2').val($('firstname').val()); 
    $('email2').val($('email').val()); 
    $('phone2').val($('phone').val()); 
}); 

应该是这样。

Answer 2

你的看法（我认为形式和相同的观点夏日格）：

 <form method="post" action="{{url('/vpage')}}"> 
      <input type="hidden" name="_token" value="{{ csrf_token() }}"> 

      <label>First Name</label> 
      <input type="text" name="firstname" placeholder="First Name" value="{{$user->firstname}}"> 

      <label>Email Address</label> 
      <input type="text" name="email" placeholder="Email Address" value="{{$user->email}}"> 

      <label>Phone Number <span> (optional)</span></label> 
      <input type="text" name="phone" placeholder="(888) 888-888" value="{{$user->phone}}"> 

      <button id="hitme" class="submitBTN getstart" type="submit" onclick='return false;'> Get Started</button> 
     </form> 


@if($Data->input('firstname')) 
     <p>SUMMARY</p> 


      <div class="sfieldz w100"> 

       <label>Name:</label> 
       <input id="firstname2" type="text" placeholder="John Smith" value="{{$Data->input('firstname')}}"> 

      </div> 
      <div class="w100"> 
       <label>Email Address:</label> 
       <input id="email2" type="text" placeholder="johnsmith@gmail.com" value="{{$Data->input('email')}}" > 
      </div> 

      <div class="w100"> 
       <label>Phone Number:</label> 
      <input id="phone2" type="text" placeholder="(888) 888-888" value="{{$Data->input('phone')}}"> 
      </div> 

@endif 

Contoroller

function vpageController(Request $r){ 
    return view("path.to.view",['Data'=>$r]); 
} 

路线：

Route::Route::match(['POST', 'GET'],'/vpage', 'ControllerName@vpageController');