JavaScript验证控件并阻止表单提交

本文介绍了一种使用JavaScript来批量验证ASP.NET页面中多个TextBox输入的方法,确保所有数值型输入符合小数格式要求,并在不符合条件时阻止页面提交。
    做一个工程月报的页面上边有上百个TextBox用来输入数字。若是拖拽一百多个Validator明显不合适,用JavaScript验证无论通过与否页面都会提交。要阻止页面提交就在页面OnSubmit()的时候返回False。
    JavaScript代码:
    <script language="javascript" type="text/javascript">
        
function Regular()
        
{
          
var ret = true;
          
var re = /^(-|\+)?\d+(((\.\d+)|(\.))|((\/\d+)|(\/)))?$/;
          
var input = document.getElementsByTagName("input")  
          
for(var i=0; i <input.length; i++)  
            
{  
                
if(input[i].type=="text")
                

                    
if(input[i].value.trim() != "")
                    
{
                        
if(!re.test(input[i].value))
                        
{
                            alert(
'请输入正确的小数格式!');
                            input[i].select();
                            input[i].focus();
                            ret 
= false;
                        }

                    }

                    
else
                    
{
                        input[i].value 
= "0";
                    }

                }
  
            }
 
            
return ret;
         }
 
    
</script>

    另外提交按钮的OnClientClick要Return False
<asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" OnClientClick="return Regular()"
    Text
=" 保 存 " ValidationGroup="0" />

    据说这个方法在火狐浏览器里没有作用。

转载于:https://www.cnblogs.com/hongyuniu/archive/2008/06/19/1225176.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值