onclientclick和onclick的用法,find元素

日期验证技巧
本文介绍了一种使用onclientclick事件来验证用户输入的开始日期和结束日期的方法,确保结束日期不会早于开始日期,通过JavaScript实现并附带示例代码。

根据用户输入的开始日期和结束日期,用onclientclick事件判断是否结束日期大于开始日期,如果否的话,返回false,即可禁止onclick事件的发生。

按钮加上事件:

OnClientClick="return AlertInfo();"        //一定要写return才能阻止onclick事件
            OnClick="btnEdit_Click"

时间控件:

  <tr>
                                <th style="width: 20%; text-align: right"><span style="color: red;">*</span>开工时间:
                                </th>
                                <td style="width: 30%; text-align: left; height: 26px;">
                                    <RgName:DateTextBox CssClass="TextClass" Width="200px" ID="BeginConstructionDate_4" runat="server" InputDateType="Input" Character="HX" AllowNull="false" RelationName="开工时间"></RgName:DateTextBox>
                                </td>
                                <th style="width: 20%; text-align: right"><span style="color: red;">*</span>竣工时间:
                                </th>
                                <td style="width: 30%; text-align: left; height: 26px;">
                                    <RgName:DateTextBox CssClass="TextClass" Width="200px" ID="EndConstructionDate_4" runat="server" InputDateType="Input" Character="HX" AllowNull="false" RelationName="竣工时间"></RgName:DateTextBox>
                                </td>
                            </tr>

脚本:

  <script type="text/javascript">           

        function AlertInfo() {
            var startTime = $("#<%=BeginConstructionDate_4.ClientID%>").find("input[type=hidden]").val();
            var endTime = $("#<%=EndConstructionDate_4.ClientID%>").find("input[type=hidden]").val();

            if (startTime > endTime) {
                alert('竣工时间应大于开工时间,请重新输入!');
                return false;
            }
        }
    </script>

注意事项,开工时间和竣工时间是封装的控件,它是由多个html控件组成的,展现的效果如下:
这里写图片描述

运行界面后,按F12,选中元素后,显示为如下:

这里写图片描述

脚本解析:
获取服务端控件写法(这是只获取了div): <%=EndConstructionDate_4.ClientID%>
若想获取用户输入的时间,根据F12查看到的界面则,应该查找div下的type=hidden的 input元素,即可。获取到输入的时间值:
.find(“input[type=hidden]”).val()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值