[英]Disable first form and open another form to insert data.. all this i have to do in same page?
禁用第一个表单，然后打开另一个表单以插入数据。.我必须在同一页面上做所有这些操作？
<section class="content">
<div class="container-fluid">
<div class="block-header">
<h2>
<!-- JQUERY DATATABLES
<small>Taken from <a href="https://datatables.net/" target="_blank">datatables.net</a></small> -->
</h2>
</div>
<!-- Basic Examples -->
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<h2>
Add Amigo
</h2>
<ul class="header-dropdown m-r--5">
<li class="dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">more_vert</i>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="javascript:void(0);">Action</a></li>
<li><a href="javascript:void(0);">Another action</a></li>
<li><a href="javascript:void(0);">Something else here</a></li>
</ul>
</li>
</ul>
</div>
<div class="body">
<!-- last row -->
<div class="row">
<div class="col-sm-12">
<div class="col-lg-4 col-md-4">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">person</i>
</span>
<div class="form-line">
<input type="text" class="form-control date" placeholder="City Id" id="city_id">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">person</i>
</span>
<div class="form-line">
<input type="text" class="form-control date" placeholder="Country Id" id="country_id">
</div>
</div>
</div>
</div>
</div>
<!-- end of last row -->
<div class="row">
<div class="col-sm-12">
<div class="col-lg-4 col-md-4">
<button type="submit" id="submit" class="btn btn-primary" value="submit" name="">Submit Details</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
这是同一页的另一部分
<section class="content">
<div class="container-fluid">
<div class="block-header">
<h2>
<!-- JQUERY DATATABLES
<small>Taken from <a href="https://datatables.net/" target="_blank">datatables.net</a></small> -->
</h2>
</div>
<!-- Basic Examples -->
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<h2>
Add Amigo
</h2>
<ul class="header-dropdown m-r--5">
<li class="dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">more_vert</i>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="javascript:void(0);">Action</a></li>
<li><a href="javascript:void(0);">Another action</a></li>
<li><a href="javascript:void(0);">Something else here</a></li>
</ul>
</li>
</ul>
</div>
<div class="body">
<!-- last row -->
<div class="row">
<div class="col-sm-12">
<div class="col-lg-4 col-md-4">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">person</i>
</span>
<div class="form-line">
<input type="text" class="form-control date" placeholder="City Id" id="city_id">
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">person</i>
</span>
<div class="form-line">
<input type="text" class="form-control date" placeholder="Country Id" id="country_id">
</div>
</div>
</div>
</div>
</div>
<!-- end of last row -->
<div class="row">
<div class="col-sm-12">
<div class="col-lg-4 col-md-4">
<button type="submit" id="submit" class="btn btn-primary" value="submit" name="">Submit Details</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
这是代码.....当我单击第一种形式的提交按钮后成功插入数据时..我希望禁用第一种形式，并且应启用2种形式来插入数据！
这是使用jquery的一种简单方法：
首先将第二个表单设置为display:none默认情况下display:none ，然后检测第一个表单的提交功能，然后显示第二个表单并使用jQuery Effects - Fading隐藏第一个表单：
使用jQuery，您可以淡入和淡出可见性。
jQuery fadeIn（）
jQuery fadeOut（）
jQuery fadeToggle（）
jQuery fadeTo（）
$(function(){ $('#first button').on('click',function(){ /* your code */ $('#first').css('pointer-events','none'); $('#second').fadeIn(); }); $('#second button').on('click',function(){ /* your code */ $('#second').css('pointer-events','none'); $('#first').fadeIn(); }) })
section { Width:100%; height:200px; } #first { background-color:blue; } #second{ background-color:green; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <section id="first"> <div> <button>Submit</button> </div> </section> <section id="second" style="display:none"> <div> <button>Submit</button> </div> </section>
如何验证既不转到另一页却又在同一页上填写另一张表格的表格？
[英]How do I validate a form that doesnt go to another page yet fills out another form on the same page?
如何使用JavaScript在同一页面上显示包含名字，姓氏电子邮件和密码验证的表单数据
[英]How do I display a form data containing first name last name email and password validations in the same page using JavaScript
在codeigniter中，我通过form_open提交表单，所有按钮都由我的form_open（'Home / page'）链接
[英]In codeigniter i submit a form by form_open there all button linked by my form_open('Home/page')
我在同一页面上有一个表格和表格，如何使用表格来更新表格。 Express / Node.js
[英]I have a form and table on same page, how do i use the form to update the table. Express / Node.js
在插入表单的同一页上出现“数据输入成功”消息吗？
[英]“Data entered successfully” message to appear on same page of insert form?
如何让表单将值提交到同一页面上的ng-repeat列表项？
[英]How do I have a form submit values to an ng-repeat list item that's on the same page?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.