textarea按ctrl enter回车键提交表单,同时调用验证函数验证并且无换行
本教程可以教给新手三点知识:
1、让textarea支持ctrl+enter提交表单。
2、ctrl+enter提交表单之前,调用自己的验证函数,比如验证内容是否为空。
3、比如textarea是空的,我按ctrl+enter提交表单,会提示不要发空信息,似乎是正常的。可这时,会产生一个空行,再按一次,又会产生一个换行。我们就来解决这个问题。
表单代码:
<form method="post" name="comment">
<textarea id="comments" onkeydown= "javascript:if(event.ctrlKey && event.keyCode==13)if(这里是你的验证函数()) document.comment.submit();else return false;"></textarea>
</form>
在js里这样写:
function 验证函数(){
if{
return false
}
else{
return true
}
}
在表单里后面的else return false是为了防止有无谓的换行。
而在js里要return true,是为了防止return false后无法键入字符。
实际上在我的js里有2个验证。如果你的和我的不一样,可以对以上代码做适当调整。