背景:在开发网站时,往往需要对用户的输入进行合法性检查,如果验证工作都放在服务器端,势必将影响网页的响应速度,同时给用户不好的体验。本篇随笔即是使用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方法也将不会被执行。