以下仅供个人开发心得~~~
以下为名称为“form1”的表单,注意事项*:
正确写法:
<a href="javascript:pre_page('${tabIndex }');" class="normal" ><<上一页</a>
错误写法:
<a href="" class="normal" onclick="pre_page('${tabIndex }');" ><<上一页</a>
<form name="form1" action="" method="post">
<a href="javascript:pre_page('${tabIndex }');" class="normal" ><<上一页</a>
<a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=1" class="current">1</a>
<a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=2" class="normal">2</a>
<a href="javascript:next_page('${tabIndex }')" class="normal" >下一页>></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。
分享到:
相关推荐
在本篇内容中,将会介绍如何使用JavaScript让a标签实现提交form表单的功能。 首先需要了解的是,HTML中表单的提交一般会使用`<form>`标签,并在其中设置`action`和`method`属性。`action`属性定义了表单数据提交到...
本文将介绍四种常见的参数传递形式:通过URL直接传递参数、使用超链接传递参数、通过JavaScript传递参数以及使用表单(form)传递参数。 首先,我们来解释每种参数传递方式的基本概念和用法。 1. URL直接传递参数...
用hbuild进行开发,界面采用css和div进行布局实现tab面板的切换,一个登陆面板和一个注册面板;注册与登陆均使用javascript进行表单验证,验证也使用了jquery,...登陆后的界面可超链接为自己的代码,方便扩展和使用。
- **说明**:这个表单在提交时会将数据发送到`/ggsh/member/member_update`路径,并采用POST请求方式。 - **应用场景**:适用于需要用户填写并提交数据的场景,如用户注册、登录、资料修改等。 综上所述,链接、...
在页面加载完成后,我们可以通过绑定window.onload事件来调用一个函数,该函数将提交一个id为"myform"的表单。示例代码如下: ```javascript function validate(){ document.getElementById('myform').submit(); }...
然后在JSP页面上,你可以使用JavaScript或者其他方式触发一个请求,而不是通过超链接,将`onclick`事件绑定到相应的操作上。 3. **使用隐藏字段(Hidden)**: 如果你想使用隐藏字段,通常是在表单提交时传递数据...
在探讨使用JavaScript提交form表单的不同方法之前,我们先来理解form表单和a标签的基本概念。Form表单是用来收集用户输入信息的HTML元素,通常包含了输入字段(input)、标签(label)、提交按钮(submit button)等。提交...
除了内联JavaScript,我们还可以通过`<form>`元素和`<input>`元素的`type="submit"`来创建提交按钮,用于提交表单数据到服务器: ```html <form action="submit.php" method="post"> 提交"> </form> ``` 接下来,...
这是标准的表单提交方式,开发者可以在表单中添加一个类型为submit的按钮。当用户点击这个按钮时,浏览器会自动寻找表单,并将表单中的数据以GET或POST方法发送到表单的action属性所指定的URL地址。在HTML代码中,...
此外,`nofollow`属性还可以应用于`<area>`(图像映射区域链接)、`<form>`(表单提交)和`<link>`(元链接)等其他标签。例如,`<link rel="nofollow" href="..." />`可以用来指示搜索引擎不要追踪特定的样式表或...
要将按钮和超链接结合起来,我们可以在`<button>`标签内部嵌套`<a>`标签,使得点击按钮时触发超链接的跳转。但需要注意,这种方法在某些浏览器或特定情况下可能有兼容性问题,因此应谨慎使用。以下是一个示例: ```...
在本篇教程中,我们将探讨如何使用C#来处理文本中的超链接。示例代码展示了如何在`RichTextBox`控件中检测并处理超链接,这对于开发支持富文本功能的应用程序非常有用。 #### 1. 导入必要的命名空间 在开始之前,...
3. HTML表单:`<form>`、`<input>`、`<select>`、`<textarea>`等元素,以及表单验证和提交。 4. HTML5新特性:如`<canvas>`画布、`<audio>`和`<video>`媒体元素、`<section>`、`<article>`等语义化标签。 CSS...
在这个例子中,`type`是提交方式(post或get),`dataType`是返回数据的格式,`data`是传递给服务器的额外参数,`url`是服务器请求地址,`success`是提交成功时的回调函数。 ### ajaxSubmit方法 与ajaxForm不同,...
在网页设计中,提交表单通常使用`<input type="submit">`标签,它具有默认的样式和行为,如按钮外观和点击后提交表单的功能。然而,为了追求更丰富的用户体验或者符合某些设计规范,有时我们需要将这个提交按钮的...
5. **链接与按钮**:`<a>`标签创建超链接,如"看不清?换一张",允许用户更换验证码图片。`<input type="image">`创建图像提交按钮,点击后会发送表单数据。 6. **交互设计**:验证码功能是防止自动脚本或机器人...
在“简单网页设计”作业中,你可能需要设计一个包含以上元素的页面,即动态交互的表单,可以接收用户输入并验证,同时页面上还有超链接供用户跳转,以及内嵌的视频展示。通过这样的实践,你可以深入理解动态网页的...
验证控件包括RequiredFieldValidator、RangeValidator、RegularExpressionValidator、CustomValidator等,它们可以确保用户在提交表单之前填写了必需的信息,并符合特定的格式要求。 在Web开发中,使用书签和文档内...