第一种方法,jquery方法,代码如下:
代码解析:
上面的btnserch是提交按钮,#keyboard是文本框的id,这样整段代码的意思就是点击提交按钮后判断文本框keyboard值是否为空,如果是空,那么return false禁止提交。
第二种方法,后台服务器语言方法,下面以php为例来说明,代码如下:
代码解析:
这段代码是后台php语言判断文本框是否为空的方法,判断文本框的值长度是否在2-100之间,这个长度自己定义,如果不在这个范围就弹窗提示。
总结:
判断文本框是否为空即有jquery方法也有php方法,在实际开发过程中应该把这两种方法结合起来,这样安全性更高一些。
好的,以上就是万书涛在开发个人博客网站时候用到的案例,大家在看这个案例时也应该举一反三,在其他方面也能够做到前台和后台开发有机的结合。
PS:本文来自万书涛的个人博客,感谢分享。
<script> $(function(){ $(".btnserch").click(function(){ if($("#keyboard").val()=="") { alert("请输入搜索内容"); $("#keyboard").focus(); return false; } }); }); </script> |
代码解析:
上面的btnserch是提交按钮,#keyboard是文本框的id,这样整段代码的意思就是点击提交按钮后判断文本框keyboard值是否为空,如果是空,那么return false禁止提交。
第二种方法,后台服务器语言方法,下面以php为例来说明,代码如下:
$keyboard=$_POST['keyboard']; if(is_array($keyboard)) {} else { $keyboard=trim($keyboard); $len=strlen($keyboard); if($len<2||$len>100) { echo ”<script>alert(‘请输入文字后再进行操作’)</script> exit(); } } |
代码解析:
这段代码是后台php语言判断文本框是否为空的方法,判断文本框的值长度是否在2-100之间,这个长度自己定义,如果不在这个范围就弹窗提示。
总结:
判断文本框是否为空即有jquery方法也有php方法,在实际开发过程中应该把这两种方法结合起来,这样安全性更高一些。
好的,以上就是万书涛在开发个人博客网站时候用到的案例,大家在看这个案例时也应该举一反三,在其他方面也能够做到前台和后台开发有机的结合。
PS:本文来自万书涛的个人博客,感谢分享。