码迷,mamicode.com
首页 > 其他好文 > 详细

TextBox控件只允许输入出生日期,并验证年龄不得小于18岁

时间:2014-10-27 19:23:18      阅读:299      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   os   ar   java   for   

1.Body tag

bubuko.com,布布扣
<form id="form1" runat="server">
    <div>
      <asp:Label ID="lblDob" runat="server" Text="Date of Birth :"></asp:Label>
      <asp:TextBox ID="txtDob" runat="server" onblur="Validate();"></asp:TextBox><asp:Label ID="Label3" runat="server" Text="(mm/dd/yyyy)"></asp:Label>
        <asp:RegularExpressionValidator ID="dateValRegex" runat="server" ControlToValidate="txtDob"
            ErrorMessage="*Please Enter a valid date in the format (mm/dd/yyyy)" ValidationExpression="^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d$"
            ForeColor="Red"></asp:RegularExpressionValidator>
    </div>
    </form>
View Code


2.JavaScript 代码

bubuko.com,布布扣
 <script>
        function Validate() {
                var enteredValue = document.getElementById(<%=txtDob.ClientID %>);
                var enteredAge = getAge(enteredValue.value);
                if (enteredAge < 18) {
                    alert("you are too young");
                    enteredValue.focus();
                    return false;
                }
            }
            function getAge(DOB) {
                var today = new Date();
                var birthDate = new Date(DOB);
                var age = today.getFullYear() - birthDate.getFullYear();
                var m = today.getMonth() - birthDate.getMonth();
                if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
                    age--;
                }
                return age;
            }

        </script>
View Code

 

TextBox控件只允许输入出生日期,并验证年龄不得小于18岁

标签:style   blog   http   io   color   os   ar   java   for   

原文地址:http://www.cnblogs.com/songxia/p/4054741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!