javascript 按回车键相应按钮提交事件

1、使用提交按钮提交，在form表单中的onsubmit事件进行表单验证：


代码如下:

<script type="text/javascript">

function onSub(){

//表单验证代码

}

</script>

<form action="" method="" onsubmit="javascript:onSub();">

2、使用button或图片的onclick事件调用表单验证代码：


代码如下:

<input type="button" name="button" id="button" onclick="javascript:onSub();" />

<img src="图片路径" onclick="javascript:onSub();" />

但是，使用第二种方式进行提交表单时，不能在填写完表单时,按回车不能提交表单。这给客户的

感受是和直接使用提交按钮提交表单是不同的；为了实现此项功能只需在你的页面加上如下javascript代码即可


代码如下:

function butOnClick() {
if (event.keyCode == 13) {
var button = document.getElementById("bsubmit"); //bsubmit 为botton按钮的id
button.click();
return false;
}
}

在你表单最有一个输入项中出发onkeydown事件调用butOnClick()函数即可；例如：登陆程序的最后一项是密码，则

<input type="password" name="userPwd" onkeydown="javascript:butOnClick();" />

这样当你输入完密码后,按下回车键即可实现表单验证和登录操作(如果用户名和密码正确)。这是个人的一点总结，共享出来

大家齐分享！

赞 (0)

相关推荐

  • ASP.NET MVC实现多个按钮提交的方法

    ASP.NET MVC实现多个按钮提交的方法

    有时候会遇到这种情况:在一个表单上需要多个按钮来完成不同的功能,比如一个简单的审批功能. 如果是用webform那不需要讨论,但asp.net mvc中一个表单只能提交到一个Action处理,相对比较麻烦点. 方法一:使用客户端脚本 比如我们在View中这样写: <inputtype="submit"value="审核通过"onclick='this.form.action="<%=Url.Action("Action1")

  • 巧用js提交表单轻松解决一个页面有多个提交按钮

    复制代码 代码如下: <pre class="javascript" name="code">function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.action?button=提交"; this.submit(); }else{ this.action="

  • asp.net防止刷新时重复提交(可禁用工具条刷新按钮)

    前段时间遇到了需要禁用刷新的需求,f5按钮就不说了,简单的js就能把它禁用,但是工具条上的刷新按钮却傻傻干不掉. 如果简单的在刷新时重新加载画面,通过window.location.href="url"可以很容易的实现,但是需求是要求在刷新时什么都不做,保留画面的状态,这下子可就复杂化了. asp.net中分辨请求是重新请求还是通过刷新按钮再次请求不是很方便,为了实现这个效果,试过了很多的方式,一下面的两种为例 1. 复制代码 代码如下: private bool pageRefres

  • 点击提交按钮后按钮变灰色不可用状态的三种方法

    第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: onclick="javascript:{this.disabled=true;document.form1.submit();}",意思是当按钮点击后,将按钮的不可用属性设置为true,这样按钮就变灰了 表单提交后按钮变成灰色 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种方法:通过onSubmit

  • asp.net 防止用户通过后退按钮重复提交表单

    防止用户通过后退按钮重复提交表单 <% response.Buffer=true response.Expires=0 response.ExpiresAbsolute=now()-1 response.CacheControl="no-cache" %> response.Buffer=true的意思就是指明输出页面是否被缓冲,当属性值为True时,服务器将不会向客户端发送任何信息,直到所有程序执行完或者遇到 <% Response.Flush %>或<

  • ASP.NET 防止按钮多次提交核心实现代码

    复制代码 代码如下: <asp:Button ID="btnSubmit" runat="server" UseSubmitBehavior="false" OnClientClick="this.disabled=true; " Text="Submit" OnClick="Button1_Click" /> 主要添加 复制代码 代码如下: UseSubmitBehavio

  • php 模拟 asp.net webFrom 按钮提交事件的思路及代码

    由于公司需要php方面的项目开发,php刚刚入门,在写按钮提交过程中,asp.net里的按钮事件更好些.先看下面的代码, 复制代码 代码如下: <?require_once '../inc/EventHelper.php'; function Page_Load(){    echo '在任何时候都会运行<br>'; if(!Page::IsPostBack())    {        echo '加载产品分类<br>';        if($_GET['cmd']=='

  • asp.net 点击按钮提交后使按钮变灰不可用

    .aspx 复制代码 代码如下: <script language="javascript"> function abc() { var mybutton=document.getElementById("Submit1"); mybutton.disabled=true; //变灰 __doPostBack("Submit1",""); //执行服务器端Submit1的click事件 } </script&

  • php 模拟 asp.net webFrom 按钮提交事件实例

    由于公司需要php方面的项目开发,php刚刚入门,在写按钮提交过程中,asp.net里的按钮事件更好些.先看下面的代码, <? require_once '../inc/EventHelper.php'; function Page_Load() { echo '在任何时候都会运行<br>'; if(!Page::IsPostBack()) { echo '加载产品分类<br>'; if($_GET['cmd']=='edit') { echo '修改加载需要修改的产品信息&

  • from表单多个按钮提交用onclick跳转不同action

    复制代码 代码如下: <form name="form1" method="post" action="ad/BusinessAction!list.action"> //下面input框提交的action不同,用onclick跳转,写一个js方法 <input type="button" class="mulButton" name="Ids" id="al

随机推荐