前台JavaScript中处理Repeater中的TextBox框中的值

最新推荐文章于 2017-11-15 02:49:00 发布

海优

最新推荐文章于 2017-11-15 02:49:00 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： .NET 文章标签： textbox javascript function input jquery server

本文链接：https://blog.youkuaiyun.com/HiYooa/article/details/7646171

.NET 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个使用ASP.NET和JavaScript实现的功能，用于在输入头衔名时检查是否已有相同名称存在，确保每个头衔名的唯一性。通过在TextBox控件上绑定onBlur事件，触发JavaScript函数进行循环判断，从而实现输入验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：这是一个Repeater循环出来的，不允许头衔名重复。

思路：给TextBox框添加onBlur事件，在JS中获取到TextBox中的值，进行循环判断。

做法：1.aspx中代码：Repeater中的TextBox控件：这里主要用到NM

<asp:TextBox ID="txtHonor" nm="txtLevelName" runat="server" MaxLength="25" onblur="checkLevelName() "> </asp:TextBox>

2.JS中代码。注意进入Jquery1.7.1-min

                                         if (item.value != "") {                                                                                 获取到的控件中输入值了
                                             $.each($("input[nm='txtLevelName']"), function (j, jtem) {            再次循环控件
                                                     if (i != j) {                                                                                       两次比较的不是同一索引的控件，
                                                             if (item.value == jtem.value) {                                             值相等，Message
                                                                   alert("不能输入重复头衔名！");
                                                            }

                                                       }
                                          });
                                 }
                              });
                           }
               </script>