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个验证。如果你的和我的不一样,可以对以上代码做适当调整。

转载:textarea按ctrl enter回车键提交表单,同时调用验证函数验证并且无换行

posted @ 2011-05-04 15:35  superfans98  阅读(1865)  评论(0编辑  收藏  举报