6-3 jQuery中去空格神器trim方法
本节编程练习不计算学习进度,请电脑登录imooc.com操作

jQuery中去空格神器trim方法

页面中,通过input可以获取用户的输入值,例如常见的登录信息的提交处理。用户的输入不一定是标准的,输入一段密码:'  1123456  ",注意了: 密码的前后会留空,这可能是用户的无心的行为,但是密码确实又没错,针对这样的行为,开发者应该要判断输入值的前后是否有空白符、换行符、制表符这样明显的无意义的输入值。

jQuery.trim()函数用于去除字符串两端的空白字符

这个函数很简单,没有多余的参数用法

需要注意:

通过右边的代码可以明显看到trim使用后的效果

任务

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. <title></title>
  7. <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
  8. </head>
  9.  
  10. <body>
  11. <h2>trim方法</h2>
  12.  
  13. 未处理
  14. <input type="text" name="" id="results1" value=" 前后留空 " />
  15. <input id="exec1" type="button" value="点击执行"> <br />
  16.  
  17. trim处理
  18. <input type="text" name="" id="results2" value=" 前后留空 " />
  19. <input id="exec2" type="button" value="点击执行">
  20. <script type="text/javascript">
  21. $("#exec1").click(function() {
  22. alert("值的长度:" + $("#results1").val().length)
  23. });
  24.  
  25. $("#exec2").click(function() {
  26. alert("值的长度:" + $.trim($("#results2").val()).length)
  27. });
  28. </script>
  29. </body>
  30.  
  31. </html>
  32.  
下一节