ASP.NET MVC中如何在客户端进行必要的判断

背景：在开发网站时，往往需要对用户的输入进行合法性检查，如果验证工作都放在服务器端，势必将影响网页的响应速度，同时给用户不好的体验。本篇随笔即是使用JQuery在客户端进行必要的合法检测。

JS代码如下：

 1     $(function () {
 2         $("#push").click(function () {
 3             var age = $("#age").val();
 4             if(age <= 0)
 5             {
 6                 alert('您输入的年龄为非法值，请重新输入');
 7                 return;
 8             }
 9             DoOtherThing();
10         });
11     });

HTML代码如下：

        <label>请输入你的年龄：</label><input type="text" id="age" /><button id="push">提交</button>

网页效果如图：

由代码可知，当输入文本框中的值不是数字，或者数字不大于0时，提示用户输入错误，DoOtherThing方法也将不会被执行。

转载于:https://www.cnblogs.com/SharpL/p/4687320.html

ASP.NET MVC中如何在客户端进行必要的判断相关推荐

ASP.NET MVC中实现多个按钮提交的几种方法
有时候会遇到这种情况:在一个表单上需要多个按钮来完成不同的功能,比如一个简单的审批功能. 如果是用webform那不需要讨论,但asp.net mvc中一个表单只能提交到一个Action处理,相对比较 ...
在 asp.net mvc中的简单分页算法 (续)
在上个月发表的 http://www.cnblogs.com/bwangel/p/mvcpager.html 中,讨论了一下asp.net mvc中结合Entity framework框架进行的分页, ...
ASP.NET MVC中使用AJAX(XMLHttpRequest、Microsoft AJAX Library......)
AJAX的好处就是不会堵塞页面,可以提高用户体验,可以减少数据传输尺寸,提高应用程序的性能.目前,AJAX技术可以说是已经成为WEB开发的标准技术. AJAX技术是纯客户端技术,任何客户端框架(如:M ...
如何在 ASP.NET MVC 中集成 AngularJS（3）
今天来为大家介绍如何在 ASP.NET MVC 中集成 AngularJS 的最后一部分内容. 调试路由表 - HTML 缓存清除就在我以为示例应用程序完成之后,我意识到,我必须提供两个版本的路由表 ...
如何在 ASP.NET MVC 中集成 AngularJS（2）
在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中 ...
如何在 ASP.NET MVC 中集成 AngularJS
介绍当涉及到计算机软件的开发时,我想运用所有的最新技术.例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务.另外,还有最新的数据库技术.最新 ...
[转载]Asp.net MVC中Controller返回值类型
Asp.net MVC中Controller返回值类型在mvc中所有的controller类都必须使用"Controller"后缀来命名并且对Action也有一定的要求: 必须 ...
html action能跨域么,ASP.NET MVC 中设置跨域
原标题:ASP.NET MVC 中设置跨域来源:GetPower cnblogs.com/gdpw/p/9236661.html 程序员共读整理发布,转载请联系作者获得授权ASP.NET MVC中设 ...
【转载】ASP.NET MVC中Controller与View之间的数据传递总结
在ASP.NET MVC中,经常会在Controller与View之间传递数据,因此,熟练.灵活的掌握这两层之间的数据传递方法就非常重要.本文从两个方面进行探讨: Ø Controller向View传 ...

ASP.NET MVC中如何在客户端进行必要的判断

ASP.NET MVC中如何在客户端进行必要的判断相关推荐

最新文章

热门文章