Javascript 验证不适用于 .Net 内容页面

发布于 2024-08-19 18:21:31 字数 809 浏览 5 评论 0原文

我想知道是否还有其他人遇到过以下问题。

在单个非链接（到母版页）的 .aspx 页面上，我正在执行简单的 JS 验证：

   function validateMaxTrans(sender, args) {
        // requires at least one digit, numeric only characters
        var error = true;
        var regexp = new RegExp("^[0-9]{1,40}(\.[0-9]{1,2})?$");
        var txtAmount = document.getElementById('TxtMaxTransAmount');
        if (txtAmount.value.match(regexp) && parseInt(txtAmount.value) >= 30) {
            document.getElementById('maxTransValMsg').innerHTML = ""
            args.IsValid = true;
        }
        else {
            document.getElementById('maxTransValMsg').innerHTML = "*";
            args.IsValid = false;
        }
    }

然后，一旦我将其移动到母版页的内容页面中，我就会得到 txtAmount 为空。

当尝试使用主页面/内容页面执行客户端 JS 验证时，是否有不同的方式来访问 DOM？

原文

I'm wondering if anyone else has experienced the following issue.

On a single non-linked (to a master page) .aspx page, I'm performing simple JS validations:

   function validateMaxTrans(sender, args) {
        // requires at least one digit, numeric only characters
        var error = true;
        var regexp = new RegExp("^[0-9]{1,40}(\.[0-9]{1,2})?$");
        var txtAmount = document.getElementById('TxtMaxTransAmount');
        if (txtAmount.value.match(regexp) && parseInt(txtAmount.value) >= 30) {
            document.getElementById('maxTransValMsg').innerHTML = ""
            args.IsValid = true;
        }
        else {
            document.getElementById('maxTransValMsg').innerHTML = "*";
            args.IsValid = false;
        }
    }

Then as soon as I move this into a Master page's content page, I get txtAmount is null.

Is there a different way to access the DOM when attempting to perform client-side JS validation with master/content pages?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

感受沵的脚步 2024-08-26 18:21:31

查看母版页中渲染页面的源代码。许多元素都有一个 ID，如 ControlX$SubControlY$txtMaxTransAmount ...您需要相应地调整验证。我通常会将 ID 注入到客户端文档中。


<script type="text/javascript">
var controls = {
  'txtAmount': '<%=TxtMaxTransAmount.ClientId%>',
  ...
}
</script>

我会将其放在内容区域末尾之前，以确保控件已呈现。这样你就可以简单地使用window.controls.txtAmount来引用服务器端控件的标签id。您甚至可以直接将右侧值设为 document.getElementById('...') 。

Look at the source for your rendered page within the master page. Many elements will have an ID like ControlX$SubControlY$txtMaxTransAmount ... you'll need to adjust your validation accordingly. I will often just inject the IDs into the client doc..


<script type="text/javascript">
var controls = {
  'txtAmount': '<%=TxtMaxTransAmount.ClientId%>',
  ...
}
</script>

I'd put this right before the end of your content area, to make sure the controls are rendered already. This way you can simply use window.controls.txtAmount to reference the server-side control's tag id. You could even make the right-side value a document.getElementById('...') directly.

回复收藏 0 原文