`
jiangjingxiaoxuan
  • 浏览: 33695 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

关于将超链接a在表单form提交的方式?

阅读更多

以下仅供个人开发心得~~~

以下为名称为“form1”的表单,注意事项*:

正确写法:

             <a href="javascript:pre_page('${tabIndex }');" class="normal" >&lt;&lt;上一页</a>

错误写法:

             <a href="" class="normal" onclick="pre_page('${tabIndex }');" >&lt;&lt;上一页</a>

 

<form name="form1" action="" method="post">
        <a href="javascript:pre_page('${tabIndex }');" class="normal" >&lt;&lt;上一页</a>&nbsp;&nbsp;
        <a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=1" class="current">1</a>&nbsp;&nbsp;
        <a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=2" class="normal">2</a>&nbsp;&nbsp;
        <a href="javascript:next_page('${tabIndex }')" class="normal" >下一页&gt;&gt;</a>
          <input type="hidden" name="pageNow" id="pageNow" value="${pageNow }"/>
         <input type="hidden" name="totalPages" id="totalPages"  value="${totalPages }"/>
       </form>

 

 以下为所调用的两个JS函数pre_page()与next_page():

function pre_page(tabIndex){


  var pageNow=document.getElementById("pageNow").value;
  pageNow=parseInt(pageNow)-1;
  if (pageNow<1){
    pageNow=1;
  }
  document.form1.action="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex="+tabIndex+"&pageNow="+pageNow;
  document.form1.submit();
 

}
 
 function next_page(tabIndex){


  var pageNow=document.getElementById("pageNow").value;
  var totalPages=document.getElementById("totalPages").value;
  pageNow=parseInt(pageNow)+1;
  if (pageNow>totalPages){
    pageNow=totalPages;
  }
  document.form1.action="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex="+tabIndex+"&pageNow="+pageNow;
  document.form1.submit();


 }

 

在上面的next_page()函数中,document.getElementById("pageNow").value;
得到的是一个字符型的值,必须使用parseInt(pageNow)将其转换为想要的整型数值,否则pageNow=pageNow+1的话便会连接成为一个字符串,如:pageNow为1,再加1的话值为'11',并不会得到想要的结果,故使用JS内置函数parseInt

分享到:
评论
2 楼 jiangjingxiaoxuan 2011-09-21  
gnnan 写道
在pre_page()函数里面没有用parseInt()

呵呵,在next_pate()函数中用了parseInt(),在pre_page()函数中忘贴进去了,谢谢提醒~~~
1 楼 gnnan 2011-09-20  
在pre_page()函数里面没有用parseInt()

相关推荐

    js实现a标签超链接提交form表单的方法

    在本篇内容中,将会介绍如何使用JavaScript让a标签实现提交form表单的功能。 首先需要了解的是,HTML中表单的提交一般会使用`&lt;form&gt;`标签,并在其中设置`action`和`method`属性。`action`属性定义了表单数据提交到...

    四种参数传递的形式——URL,超链接,js,form表单

    本文将介绍四种常见的参数传递形式:通过URL直接传递参数、使用超链接传递参数、通过JavaScript传递参数以及使用表单(form)传递参数。 首先,我们来解释每种参数传递方式的基本概念和用法。 1. URL直接传递参数...

    javascript表单验证

    用hbuild进行开发,界面采用css和div进行布局实现tab面板的切换,一个登陆面板和一个注册面板;注册与登陆均使用javascript进行表单验证,验证也使用了jquery,...登陆后的界面可超链接为自己的代码,方便扩展和使用。

    链接、页面跳转、隐藏、表单提交

    - **说明**:这个表单在提交时会将数据发送到`/ggsh/member/member_update`路径,并采用POST请求方式。 - **应用场景**:适用于需要用户填写并提交数据的场景,如用户注册、登录、资料修改等。 综上所述,链接、...

    JS提交form表单实例分析

    在页面加载完成后,我们可以通过绑定window.onload事件来调用一个函数,该函数将提交一个id为"myform"的表单。示例代码如下: ```javascript function validate(){ document.getElementById('myform').submit(); }...

    struts2是否可以通过超链接传参

    然后在JSP页面上,你可以使用JavaScript或者其他方式触发一个请求,而不是通过超链接,将`onclick`事件绑定到相应的操作上。 3. **使用隐藏字段(Hidden)**: 如果你想使用隐藏字段,通常是在表单提交时传递数据...

    使用javascript提交form表单方法汇总

    在探讨使用JavaScript提交form表单的不同方法之前,我们先来理解form表单和a标签的基本概念。Form表单是用来收集用户输入信息的HTML元素,通常包含了输入字段(input)、标签(label)、提交按钮(submit button)等。提交...

    HTML 按钮超链接

    除了内联JavaScript,我们还可以通过`&lt;form&gt;`元素和`&lt;input&gt;`元素的`type="submit"`来创建提交按钮,用于提交表单数据到服务器: ```html &lt;form action="submit.php" method="post"&gt; 提交"&gt; &lt;/form&gt; ``` 接下来,...

    HTML表单提交的几种方式_动力节点Java学院整理

    这是标准的表单提交方式,开发者可以在表单中添加一个类型为submit的按钮。当用户点击这个按钮时,浏览器会自动寻找表单,并将表单中的数据以GET或POST方法发送到表单的action属性所指定的URL地址。在HTML代码中,...

    html超链接a标签的nofollow属性有什么作用.<a rel=”nofollow”

    此外,`nofollow`属性还可以应用于`&lt;area&gt;`(图像映射区域链接)、`&lt;form&gt;`(表单提交)和`&lt;link&gt;`(元链接)等其他标签。例如,`&lt;link rel="nofollow" href="..." /&gt;`可以用来指示搜索引擎不要追踪特定的样式表或...

    HTML代码,按钮做超链接

    要将按钮和超链接结合起来,我们可以在`&lt;button&gt;`标签内部嵌套`&lt;a&gt;`标签,使得点击按钮时触发超链接的跳转。但需要注意,这种方法在某些浏览器或特定情况下可能有兼容性问题,因此应谨慎使用。以下是一个示例: ```...

    C# 获取对象超链接

    在本篇教程中,我们将探讨如何使用C#来处理文本中的超链接。示例代码展示了如何在`RichTextBox`控件中检测并处理超链接,这对于开发支持富文本功能的应用程序非常有用。 #### 1. 导入必要的命名空间 在开始之前,...

    HTML与CSS题库

    3. HTML表单:`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等元素,以及表单验证和提交。 4. HTML5新特性:如`&lt;canvas&gt;`画布、`&lt;audio&gt;`和`&lt;video&gt;`媒体元素、`&lt;section&gt;`、`&lt;article&gt;`等语义化标签。 CSS...

    浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用

    在这个例子中,`type`是提交方式(post或get),`dataType`是返回数据的格式,`data`是传递给服务器的额外参数,`url`是服务器请求地址,`success`是提交成功时的回调函数。 ### ajaxSubmit方法 与ajaxForm不同,...

    页面中将submit样式转换成a标签的样式

    在网页设计中,提交表单通常使用`&lt;input type="submit"&gt;`标签,它具有默认的样式和行为,如按钮外观和点击后提交表单的功能。然而,为了追求更丰富的用户体验或者符合某些设计规范,有时我们需要将这个提交按钮的...

    表格布局与注册表单1

    5. **链接与按钮**:`&lt;a&gt;`标签创建超链接,如"看不清?换一张",允许用户更换验证码图片。`&lt;input type="image"&gt;`创建图像提交按钮,点击后会发送表单数据。 6. **交互设计**:验证码功能是防止自动脚本或机器人...

    网页设计作业 动态网页 含表单 超级链接

    在“简单网页设计”作业中,你可能需要设计一个包含以上元素的页面,即动态交互的表单,可以接收用户输入并验证,同时页面上还有超链接供用户跳转,以及内嵌的视频展示。通过这样的实践,你可以深入理解动态网页的...

    ASP.NET参考手册【w3c】【内带书签、文档内超链接】

    验证控件包括RequiredFieldValidator、RangeValidator、RegularExpressionValidator、CustomValidator等,它们可以确保用户在提交表单之前填写了必需的信息,并符合特定的格式要求。 在Web开发中,使用书签和文档内...

Global site tag (gtag.js) - Google Analytics