js控制<html:text>长度问题~~

举个例子~~我数据库里goodName的类型是varchar2(50)，<html:form action="goodsAdd.do" enctype="multipart/form-data"><html:text property="goodName" size="20" maxlength="50"/>
<input type="button" onclick="bookadd()" value="确认图书信息添加"></input></html:form>页面上是这么输入的。
提交的js方法
function bookadd(){
document.forms[0].submit();
}
我想在bookadd里添加条件，当我输入的字符（输入的时候是汉字，含标点）长度大于我数据库里的长度时，提示我“商品名称超过指定长度”。哪位大神帮帮忙~~十分感谢~~O(∩_∩)O~~

maxlength 已经限制了。

JScript code

function bookadd(){
   if(document.forms[0].goodName.value.length>50){
      alert('商品名称超过指定长度');
      return false;
   }
   document.forms[0].submit();
}

String.prototype.getBytes = function() {  
  var cArr = this.match(/[^\x00-\xff]/ig);  
  return this.length + (cArr == null ? 0 : cArr.length);  
}

function bookadd(){
  if(document.forms[0].goodName.value.getBytes() > 50){
  alert('商品名称超过指定长度');
  return false;
  }
  document.forms[0].submit();
}