扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
你可以不需要绑定提交按钮的点击事件,直接绑定表单的提交事件即可,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
回车一般的作用是提交或者换行,提交的话就是下面这样
$('#formXXX').submit(function() {
。。。
});
换行的话就是这样
$('#target').html($('#target').html()+'\n')
$("#输入框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
我是想做这样的操作
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提交数据,实现就不写了}
onkeyup onkeydown,然后绑定对应的键值,回车的键值自己百度就能百度到
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" /
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流