手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery按回车提交数据的代码示例
jquery按回车提交数据的代码示例
摘要:其实jquery按回车提交数据是很简单的事情,我们只要检查测到用户按了回车就直接绑定事件.click就实现了提交了,在按钮上我们绑定ajax...

其实jquery按回车提交数据是很简单的事情,我们只要检查测到用户按了回车就直接绑定事件.click就实现了提交了,在按钮上我们绑定ajax提交表单事件即可。

核心代码

复制代码 代码如下:

$(document).ready(function(){

$("按下回车的控件").keydown(function(e){

var curKey = e.which;

if(curKey == 13){

$("#回车事件按钮控件").click();

return false;

}

});

});

是用js的ajax功能同时支持回车事件

复制代码 代码如下:

document.onkeydown = function (e) {

var theEvent = window.event || e;

var code = theEvent.keyCode || theEvent.which;

if (code == 13) {

$("#login_submit").click();

}

}

$(document).ready(function() {

//登录提交

$("#login_submit").bind('click',function(){

var username=$("#username").val();

var password=$("#password").val();

$.ajax({

type : 'POST',

url : './login.php',

data: {type :'ajax',username:username,password:password},

success : function(msg){

//alert(msg);

if(msg==-1){

alert('用户名不能为空');

$("#username").focus();

}

if(msg==-2){

alert('用户名不存在');

$("#username").val("");

$("#username").focus();

}

if(msg==-3){

alert('密码不能为空');

$("#password").focus();

}

if(msg==-6){

alert('密码输入不正确');

$("#password").focus();

}

if(msg==1){

//alert('登录成功');

window.location.href='./index.php';

}

}

});

});

});

【jquery按回车提交数据的代码示例】相关文章:

jquery使用经验小结

jquery控制表单输入框显示默认值的方法

实现DIV圆角的JavaScript代码

jQuery实现转动随机数抽奖效果的方法

jQuery 遍历函数详解

JavaScipt中Function()函数的使用教程

jquery中map函数遍历数组用法实例

禁止按回车键提交表单的方法

基于jQuery实现的无刷新表格分页实例

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

精品推荐
分类导航