JavaScript实现数据验证

概述BS项目开发中，我们经常需要对数据进行判断，在特定的场合，需要对输入的字数进行限制，最近遇到了一个问题。平时都是在后台进行数据验证，可是后台验证有一个确定，就是反应比较慢，代码如下。if(txtCheckTest.Text.Count() &gt10) { modelState.Add

BS项目开发中，我们常常需要对数据进行判断，在特定的场合，需要对输入的字数进行限制，最近遇到了1个问题。

         平时都是在后台进行数据验证，可是后台验证有1个肯定，就是反应比较慢，代码以下。

 if(txtCheckTest.Text.Count() >10) { modelState.AddModelError("ReadDescription","阅办事项不能超过10个字！");}

效果以下：

 

最大的问题是，客户在输入进程中，其实其实不知道输入了多少字，等到提交的时候发现输入内容不符合要求，这样，用户体验度不好。假设我们在用户输入进程中给予及时的提示，那末，就能够很方便的将消息反馈给客户，增加用户体验度。

前台代码以下：

<scriptlanguage="JavaScript" type="text/JavaScript"> //为文本框设置提示语 function SetPromptAndFormat(ID,prefix,suffix,defaultValue) { var inputCtrl = $("#" +ID); var formatPrompt = prefix +defaultValue + suffix; if (inputCtrl.val().length < 1){ //inputCtrl.val(formatPrompt); //inputCtrl.addClass("prompt"); } inputCtrl.blur(function () { if (inputCtrl.val().length <1) { //inputCtrl.val(formatPrompt); //inputCtrl.addClass("prompt"); } else { inputCtrl.val(prefix +inputCtrl.val() + suffix); } }); inputCtrl.focus(function () { if (inputCtrl.val() ==formatPrompt && inputCtrl.attr("class") =="prompt") { inputCtrl.removeClass("prompt"); inputCtrl.val(""); } else { var removeprefix =inputCtrl.val().substring(prefix.length,inputCtrl.val().length); var removesuffix =removeprefix.substr(0,removeprefix.lastIndexOf(suffix)); inputCtrl.val(removesuffix); } }); }$(document).ready(function() { SetPromptAndFormat("Data_Title","关于","的事项确认","***"); SetTextareaMaxlength("Data_Title",30); SetTextareaMaxlength("Data_Abstract",800); SetTextareaMaxlength("Data_Explain",100); SetTextareaMaxlength("Data_Description",300); }); </script>

这样写的话，用户在输入数字超过限制时，将不能继续输入，可以最大限度的节俭客户时间，提高体验度。

总结

以上是内存溢出为你收集整理的JavaScript实现数据验证全部内容，希望文章能够帮你解决JavaScript实现数据验证所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。