最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
让textarea支持ctrl+enter提交表单
时间:2011-05-04 编辑:简简单单 来源:一聚教程网
让textarea支持ctrl+enter提交表单
1、让textarea支持ctrl+enter提交表单。
2、ctrl+enter提交表单之前,调用自己的验证函数,比如验证内容是否为空。
3、比如textarea是空的,我按ctrl+enter提交表单,会提示不要发空信息,似乎是正常的。可这时,会产生一个空行,再按一次,又会产生一个换行。我们就来解决这个问题。
表单代码:
在js里这样写:
function 验证函数(){
if{
return false
}
else{
return true
}
}
在表单里后面的else return false是为了防止有无谓的换行。
而在js里要return true,是为了防止return false后无法键入字符
1.现在关键是要取得各键对应的键值,先运行一下下面的脚本测试键值:
2.好了,测试到回车键的键值为13,ctrl键的键值为17,于是有:
3.测试一下看看?没成功,因为每次keydown事件只有一个键,也就是说event,keycode不可能同时等于13和17,这时要同时捕获ctrl键,就要用event.ctrlkey了,修改如下:
提示:按键的事件句柄除了onkeydown外,还有onkeyup和onkeypress;判断左边的ctrl键还可以用event.ctrlleft。
特别提示
代码运行后在多行文本框内按下ctrl+enter键,表单将自动提交效果如图1.4.30所示。
-
上一个: js中常用的正则表达式收集
相关文章
- Laravel怎么实现表单提交 05-10
- form表单action提交问题详解 10-16
- 回车提交表单几种方法 04-12
- 回车提交表单(兼容IE和FF) 09-26
- 回车提交表单 06-23
- 回车进行提交表单信息 02-24