Javascript实现前台校验

function valid(theForm)
{
var ReBool = true;
var obj = theForm || event.srcElement;
var count = obj.elements.length;
for(var i=count-1;i>=0;i--)
{
with(obj.elements[i])
{
var _reg = getAttribute("reg");
var _mes = getAttribute("msg");
if(_reg != null)
{
var lastNode = obj.elements[i].parentNode.childNodes[obj.elements[i].parentNode.childNodes.length-1];
if(!obj.elements[i].value.match(_reg))
{
var span = document.createElement("span");
span.id = "__ErrorMessagePanel";
span.style.color = "red";
span.innerHTML = _mes;
obj.elements[i].parentNode.appendChild(span);
ReBool = false;
obj.elements[i].focus();
}
if(lastNode != obj.elements[i])
{
obj.elements[i].parentNode.removeChild(lastNode);
}
}
}
}
if(ReBool == false)
alert('请正确填写数据!');
return ReBool;
} 在需要校验的TextBox里加上正则表达式和错误时显示的信息,例如" msg='不能为空' reg='^[\S]+$' ",然后在按钮里加上" OnClientClick="return valid(aspnetForm)" "即可.效果如图所示: