建站
咨詢
售后
建站咨詢
新聞中心
jquery中回車提交表單
你可以不需要綁定提交按鈕的點(diǎn)擊事件，直接綁定表單的提交事件即可，jQuery中提供了對(duì)表單提交事件的攔截方法：$("form").submit。你上面的對(duì)按鈕的綁定事件可以修改為對(duì)表單提交事件的綁定：
公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出臨江免費(fèi)做網(wǎng)站回饋大家。
$('#myForm').submit(function()?{
var?isOk?=?true;
//?...這里是你click事件里面的內(nèi)容
if?(當(dāng)驗(yàn)證不能過時(shí))?{
isOk?=?false;
//?...?這里可以彈出錯(cuò)誤提示
}
//?如果返回的是true則表示會(huì)被提交，如果返回的是false則表單不會(huì)被提交
return?isOk;?
});
下面給出一個(gè)完整的示例：
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("內(nèi)容為空不能提交");
}
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 文本框按下回車鍵執(zhí)行事件 代碼如何寫?
$("#輸入框id").keyup(function(){
if(event.keyCode == 13){
//這里寫你要執(zhí)行的事件;
}
});
擴(kuò)展資料：
JQuery簡(jiǎn)單的按鈕點(diǎn)擊和文本框輸入事件
%@ 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根據(jù)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如何觸發(fā)回車事件？
我是想做這樣的操作
element.onclick=function(e){
02020202 回車事件;
//在這里自動(dòng)觸發(fā)一次回車，相當(dāng)于做了一個(gè)單擊操作后，用戶按了回車鍵，其實(shí)用戶沒有按回車
02020202 其他處理}02問題補(bǔ)充：
1. $(elem).keydown(function(event){
2. if(event.keyCode==13){
3. //doSth
4. }
不知道大家明不明白我的意思問題補(bǔ)充：我這個(gè)需求是在jqgrid的工具條中使用的，增加了一個(gè)按鈕，按鈕事件如下：
onClickButton:function(){
//因?yàn)樵诰庉媑rid cell的時(shí)候，如果不按回車，或者焦點(diǎn)離開正在編輯的
//cell,jqgrid認(rèn)為這一個(gè)cell 沒有被修改過，所以在這里我想觸發(fā)一個(gè)回車事件
//使焦點(diǎn)所在的cell變成已編輯狀態(tài)，這樣下面的cc中才能獲取到完整的修改過的//cell
//在此處增加自動(dòng)觸發(fā)回車，而非用戶按回車鍵
var cc = jQuery("#info").getChangedCells();//獲取所有修改過的cell
if(cc.length =0){
alert('沒有修改的數(shù)據(jù)');
jQuery.ajax({});//這幾做一個(gè)ajax提交數(shù)據(jù)，實(shí)現(xiàn)就不寫了}
jquery 怎么給按鈕綁定回車事件
onkeyup onkeydown,然后綁定對(duì)應(yīng)的鍵值，回車的鍵值自己百度就能百度到
jquery怎么同時(shí)綁定兩個(gè)回車事件
document.onkeyup?=?function(e){
e?=?e?||?window.event;
if(e.keyCode?==?13){
var?target?=?e.target?||?e.srcElment;//srcElment針對(duì)IE
if(target.id?==?'txt'){
alert('搜索?'+target.id);
}else{
alert('查詢?'+target.id);
}
}
}?
input?type="text"?id="txt"?/
網(wǎng)站欄目：jquery回車事件,你要是在一個(gè)jquery事件處理程序里返回了false會(huì)怎樣
文章來源：http://fisionsoft.com.cn/article/dsgidsc.html
