我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

jquery回车事件,你要是在一个jquery事件处理程序里返回了false会怎样

jquery中回车提交表单

你可以不需要绑定提交按钮的点击事件,直接绑定表单的提交事件即可,jQuery中提供了对表单提交事件的拦截方法:$("form").submit。你上面的对按钮的绑定事件可以修改为对表单提交事件的绑定:

公司主营业务:成都网站建设、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出临江免费做网站回馈大家。

$('#myForm').submit(function() {

var isOk = true;

// ...这里是你click事件里面的内容

if (当验证不能过时) {

isOk = false;

// ... 这里可以弹出错误提示

}

// 如果返回的是true则表示会被提交,如果返回的是false则表单不会被提交

return isOk; 

});

下面给出一个完整的示例:

html

head

meta http-equiv="Content-Type" content="text/html; charset=GBK"

script type="text/javascript" src=""/script

script type="text/javascript"

$(document).ready(function(){

$('#myForm').submit(function() {

var isOk = true;

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

if (val == "") {

isOk = false;

alert("内容为空不能提交");

}

return isOk; 

});

});

/script

/head

body

form id="myForm" method="post" action="?" enctype="multipart/form-data"

input type="text" id="name" /

input id="btnSubmit" type="submit"  data-theme="b" value="Submit"

/form

/body

/html

如何用jquery模拟回车事件

回车一般的作用是提交或者换行,提交的话就是下面这样

$('#formXXX').submit(function() {

。。。

});

换行的话就是这样

$('#target').html($('#target').html()+'\n')

jquery 文本框按下回车键执行事件 代码如何写?

$("#输入框id").keyup(function(){

if(event.keyCode == 13){

//这里写你要执行的事件;

}

});

扩展资料:

JQuery简单的按钮点击和文本框输入事件

%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%

%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

html

head

base href="%=basePath%"

titleMy JSP 'test.jsp' starting page/title

meta http-equiv="pragma" content="no-cache"

meta http-equiv="cache-control" content="no-cache"

meta http-equiv="expires" content="0" 

meta http-equiv="keywords" content="keyword1,keyword2,keyword3"

meta http-equiv="description" content="This is my page"

!--

link rel="stylesheet" type="text/css" href="styles.css"

--

script type="text/javascript" src="script/jquery-1.8.3.min.js"/script

script type="text/javascript"

$(document).ready(function(){

$("#clickme").click(function(){

alert("Hello World  click");

});

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

alert("Hello World  bind");

});

$('#clickmeon').on('click', function(){

alert("Hello World  on");

});

});

/script

script type="text/javascript"

//使用id的方式获取

$(document).ready(function(){

//1

$("#button_text1").click(function(){

var result1 = $("#input_text1").val();

alert("result1 = " + result1);

});

//2

$("#button_text2").click(function(){

var result2 = $("input[id='input_text2']").val();

alert("result2 = " + result2);

});

//3

$("#button_text3").click(function(){

var result3 = $("input[id='input_text3']").attr("value");

alert("result3 = " + result3);

});

//4. 可以通过type的值来获取input中的值(未演示)

/*

$("#button_text4").click(function(){

var result4 = $("input[type='text']").val();

alert("result4 = " + result4);

});

*/

//5. 可以通过name的值来获取input中的值(未演示)

/*

$("#button_text5").click(function(){

var result5 = $("input[name='text']").val();

alert("result5 = " + result5);

});         

*/

});

/script

/head

body

h1根据ID来判定/h1

input type="button" name="clickmes"  id="clickme"   value="click me" /

input type="button" name="clickmebinds" id="clickmebind"  value="clickme_bind" /

input type="button" name="clickmeons" id="clickmeon"  value="clickme_on" /

!-- 获取文本框的值:方式一 --

div id="test1"

input id="input_text1" type="text" value="test1" style="width: 100px;" /

button id="button_text1"test1/button

/div

!-- 获取文本框的值:方式二 --

div id="test2"

input id="input_text2" type="text" value="test2" style="width: 100px;" /

button id="button_text2"test2/button

/div

!-- 获取文本框的值:方式三 --

div id="test3"

input id="input_text3" type="text" value="test3" style="width: 100px;" /

button id="button_text3"test3/button

/div

/body

/html

jquery如何触发回车事件?

我是想做这样的操作

element.onclick=function(e){

02020202 回车事件;

//在这里自动触发一次回车,相当于做了一个单击操作后,用户按了回车键,其实用户没有按回车

02020202 其他处理}02问题补充:

1. $(elem).keydown(function(event){

2. if(event.keyCode==13){

3. //doSth

4. }

不知道大家明不明白我的意思问题补充:我这个需求是在jqgrid的工具条中使用的,增加了一个按钮,按钮事件如下:

onClickButton:function(){

//因为在编辑grid cell的时候,如果不按回车,或者焦点离开正在编辑的

//cell,jqgrid认为这一个cell 没有被修改过,所以在这里我想触发一个回车事件

//使焦点所在的cell变成已编辑状态,这样下面的cc中才能获取到完整的修改过的//cell

//在此处增加自动触发回车,而非用户按回车键

var cc = jQuery("#info").getChangedCells();//获取所有修改过的cell

if(cc.length =0){

alert('没有修改的数据');

jQuery.ajax({});//这几做一个ajax提交数据,实现就不写了}

jquery 怎么给按钮绑定回车事件

onkeyup onkeydown,然后绑定对应的键值,回车的键值自己百度就能百度到

jquery怎么同时绑定两个回车事件

document.onkeyup = function(e){

e = e || window.event;

if(e.keyCode == 13){

var target = e.target || e.srcElment;//srcElment针对IE

if(target.id == 'txt'){

alert('搜索 '+target.id);

}else{

alert('查询 '+target.id);

}

}

input type="text" id="txt" /


分享名称:jquery回车事件,你要是在一个jquery事件处理程序里返回了false会怎样
文章位置:http://mswzjz.cn/article/dsgidsc.html

其他资讯