• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

实现一个JavaScript验证的Asp.net Helper

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
 

       WEB应用在HTML里写JavaScript(JS)验证数据是正常的事情,但VS.NETJS的智能感知支持远没有C#这么强大,因此在写JS写多了也是麻烦的事情。为了方便所以写了一个Helper方便生成js验证代码。

先看下在应用中的代码:

    <form action="Register.aspx" method="post" onsubmit="return VRegister()">

    <p>用户名:<%=HtmlHelper.Input(InputType.text, "UserName").Value(view.User.UserName).Id("user")%><label id="usertip" /></p>

    <p>密码:<%=HtmlHelper.Input(InputType.password,"UserPWD").Id("pwd") %><label id="pwdtip" /></p>

    <p>确认密码:<%=HtmlHelper.Input(InputType.password,"RPWD").Id("rpwd") %><label id="rpwdtip" /></p>

    <p>邮件地址:<%=HtmlHelper.Input(InputType.text, "EMail").Value(view.User.EMail).Id("email")%><label id="emailtip" /></p>

    <p><input type="submit" value="注册" /></p>

    <p></p>

    </form>

       

        <%JSValidator jsv = new JSValidator("VRegister");

          jsv.Add(jsv.Create("user", "usertip").NotNull("请输入用户名!", null),

              jsv.Create("pwd","pwdtip").NotNull("请输入密码!",null),

              jsv.Create("rpwd","rpwdtip").NotNull("请输入确认密码!",null).StringCompare("pwd", CompareType.eq,"密码不一致!",null),

              jsv.Create("email","emailtip").NotNull("请输入邮件地址!",null).EMail("非法邮件地址!",null));

        %>

        <%=jsv %>

灰色部分代码就是验证Helper的代码,通过C#代码能够很快的完成输写。

实际的应用效果:

 

JS功能代码

 value.toString();
    }
}


c# helper代码

 CompareType
    {
        
        eq,
        neq,
        le,
        leq,
        ri,
        req
    }


重构后的Validator代码


;
        }
    }

扩展Ajax功能

 param;
}

 

;
        }



 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.NET推荐书籍发布时间:2022-07-10
下一篇:
适用于ASP.NET的留言本(翻译)发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap