小木虫 --- 500万硕博科研人员喜爱的学术科研平台
&&查看话题
chaos的e-copyright在哪里填写？
老板让往chaos投，编辑返回邮件让完成e-copyright,我记得有填写过啊，可是状态里是没收到，谁知道怎么填，在哪里填，谢谢！
编辑邮件中指出：Please complete the e-copyright. We cannot complete the processing of your paper without the completed e-copyright
可是我的系统状态里显示的是：(Corr): completed on
( ECopyright Form)
Copyright Release Date Not Received
到底是完成了没有啊，编辑是5月17号来的邮件。
另外文章已经提交，我记得当时完了的时候确实有个电子版权的提示，我也填写了，可是现在找不到那个了
研究生必备与500万研究生在线互动！
扫描下载送金币
浏览器进程
打开微信扫一扫
随时随地聊科研仅一个form表单 js实现注册信息依次填写提交功能
作者：海潜
字体：[ ] 类型：转载 时间：
这篇文章主要为大家详细介绍了仅一个form表单，JavaScript可实现注册信息依次填写提交功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
我们原先是一个很长的form表单，里面有很多选项。客户反馈这样不够友好，容易看花眼。因此进行改进，实现多步骤进度，多个提交的实现(其实只有一个form提交)。
实现的思路：将表单的选项装入多个div中，一个显示，其他隐藏。
实现效果如下：
1、JavaScript代码
&script type="text/javascript" src="js/jquery.js"&&/script&
&script type="text/javascript" src="js/jquery-powerFloat.js"&&/script&
&link rel="stylesheet" href="css/powerFloat.css" type="text/css" /&
&script type="text/javascript"&
$(function() {
$(".pwdTrigger").powerFloat({
eventType : "focus",
targetMode : "remind",
targetAttr : "placeholder",
position : "2-1"
&script type="text/javascript"&
function one() {
if (confirm("确定提交？")) {
$("#one").hide();
$("#two").show();
$("#grxx").attr("class","current_prev");
$("#zjxx").attr("class","current");
function two() {
if (confirm("确定提交？")) {
$("#two").hide();
$("#three").show();
$("#grxx").attr("class","done");
$("#zjxx").attr("class","current_prev");
$("#qzxx").attr("class","current");
function three() {
if (confirm("确定提交？")) {
$("#three").hide();
$("#four").show();
$("#grxx").attr("class","done");
$("#zjxx").attr("class","done");
$("#qzxx").attr("class","current_prev");
$("#qzfs").attr("class","current");
function reone() {
if (confirm("确定返回？")) {
$("#one").show();
$("#two").hide();
$("#grxx").attr("class","current");
$("#zjxx").attr("class","");
function retwo() {
if (confirm("确定返回？")) {
$("#three").hide();
$("#two").show();
$("#grxx").attr("class","current_prev");
$("#zjxx").attr("class","current");
$("#qzxx").attr("class","");
function rethree() {
if (confirm("确定返回？")) {
$("#four").hide();
$("#three").show();
$("#grxx").attr("class","done");
$("#zjxx").attr("class","current_prev");
$("#qzxx").attr("class","current");
$("#qzfs").attr("class","last");;
2、CSS代码
&style type="text/css"&
.flow_steps ul li { float: height:23 padding:0 40px 0 30 line-height:23 text-align: background:url(img/barbg.png) no-repeat 100% 0 #E4E4E4; font-weight:}
.flow_steps ul li.done { background-position:100% -46 background-color:#FFEDA2;}
.flow_steps ul li.current_prev { background-position:100% -23 background-color:#FFEDA2;}
.flow_steps ul li.current { color:# background-color:#990D1B;}
.flow_steps ul li.last { background-image:}
3、HTML代码
&table width="600px"&
&div class="flow_steps"&
&ul style="list-style-type:none"&
&li id="grxx" class="current"&个人信息&/li&
&li id="zjxx" &证件信息&/li&
&li id="qzxx"&签注信息&/li&
&li id="qzfs" class="last"&取证方式&/li&
&form action=""&
&div id="one"&
&table align="center"&
&td&户口所在地：&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入户口所在地" /&&/td&
&td&中文姓：&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入中文姓" /&&/td&
&td&中文名：&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入中文名" /&&/td&
&td&身份证号：&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入身份证号码" /&&/td&
&td colspan="2"&
&button type="button" onclick="one()"&提交&/button&
&div id="two" style="display: none"&
&table align="center"&
&td&通行证号&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入证件号码" /&&/td&
&td&有效日期至&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入证件号码" /&&/td&
&td&联系电话&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输联系电话，建议是手机号码" /&&/td&
&button type="button" onclick="two()"&提交&/button&
&button type="button" onclick="reone()"&上一步&/button&
&div id="three" style="display: none"&
&table align="center"&
&td&签注类别&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入签注类别" /&&/td&
&td&前往地&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入前往地" /&&/td&
&td&签证种类&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入签注种类" /&&/td&
&button type="button" onclick="three()"&提交&/button&
&button type="button" onclick="retwo()"&上一步&/button&
&div id="four" style="display: none"&
&table align="center"&
&td&取证方式&/td&
&td&&input class="pwdTrigger" type="text" placeholder="请输入取证方式" /&&/td&
&button type="button" onclick=""&提交&/button&
&button type="button" onclick="rethree()"&上一步&/button&
源码下载：
&以上就是本文的全部内容，希望对大家学习JavaScript程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具小木虫 --- 500万硕博科研人员喜爱的学术科研平台
&&查看话题
请问什么叫copyright form，谢谢
前几天投稿到Physical Biology，是IOP出版社旗下的
今天发现投稿系统如下，多了个copyright form链接
点击后窗口如下
请问这些是什么啊，我被直接据稿了吗？
_HE2]JN%WCGVQL@TYLF$15W.jpg
HG45LD}A$KX8BGHCFHG2}(4.jpg
刚点了确认:shuai:
主要是看见截止日12月9号就不淡定了
目前状态如下，应该没事吧
G~LW)7P{[OQ4JG55E`DBNT0.jpg
直接确认就可以了
研究生必备与500万研究生在线互动！
扫描下载送金币
浏览器进程
打开微信扫一扫
随时随地聊科研}