关于前端输入框的限制和有效值

      作为新手，经常会忽略一些容易造成程序出错的细节，这也是有经验之人与新手的区别。

经验丰富的人，会很好的限制和规范用户的输入，来提高程序的稳定性和健壮性。

     比如，一个简单的文本域，新手往往觉得能够输入和取到值就可以了，往往忘记对数据进行限制。

1、刚开始，我们都会加上一个判断：

    ($("#message").val()!=null&&$("#message").val()!="")，认为不为空就是有效值

2、其实，我们只要输入几个空格就可以跳过上面的判断，后来，我们进一步加入限制，对输入中进行去空格，再判断

     ($("#message").val().trim()!=null&&$("#message").val().trim()!="")，这样有点效果了。

3、但是，这时我们又忽略了数据的长度限制，如果不加以限制，用户的数据很长或者输如不规范的数据容易造成程序出错

这时，我们可以用js限制输入值得长度，但其实可以加上 maxlength来限制。这样，就能避免一般的错误了。

 <div class="inbox-form-group">
<textarea class="inbox-editor inbox-wysihtml5 form-control" maxlength="3000"
id="message" rows="12"></textarea>
</div>

4、甚至，有时候对于一些特殊字符，如html元素等也要加以转义。

5、再者，对于按钮，我们也应该设置不能让用户同一请求多次提交，以减少服务器的消耗。

6、对于一些简单的数据校验，我们应该尽量在前端进行判断限制，只把真正需要的数据传到后台服务中去。