首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

客户端印证

2013-02-18 
客户端验证我想实现一个数量和金额之间的关系验证。之前是在服务器端验证的,后来老板说不符合要求,让改成用

客户端验证
我想实现一个数量和金额之间的关系验证。之前是在服务器端验证的,后来老板说不符合要求,让改成用js验证的,可我对js一窍不通啊,求各位大虾指教,最好有代码啊!公式为:总金额(万元)<=产品数量*7000/10000元,如果不符合要求就给出一个提示!
[解决办法]
<script type ="text/jscript" >
        function checkFormat() {
            var total = document.getElementById("total").value;
            var num = document.getElementById("num").value ;
            if (total <= num * 7000 / 10000) {alert("金额不符合要求!");return false;}
        }
    </script>

<div>
        请输入总金额:<input type ="text" id ="total"/><br /><br />
        请输入产品数量:<input type ="text" id ="num" /><br />
        <asp:Button runat ="server" ID ="btn_OK" Text ="ok" OnClientClick ="return checkFormat();" />
    </div>
[解决办法]


function yanzheng() {
    var money = document.getElementById("金额的id");
    var number = document.getElementById("数量的id");
    if (money.value <= number.value * 7000 / 10000) { 
        alert("不符合要求!")
    }
}
然后用个事件调用这个方法就行了
[解决办法]
onblur ="checkFormat()"加入到服务器控件TextBox的属性中去.
[解决办法]
另外,如果是Validaion,服务器也要做验证,客户端验证有可能被绕过去。
[解决办法]
那就给textbox绑定onblur事件
<asp:TextBox runat ="server" ID ="total" ></asp:TextBox>

protected void Page_Load(object sender, EventArgs e)
    {
        total.Attributes.Add("onblur","checkFormat()");
    }

热点排行