jquery登陆表单简单验证代码:
登陆表单验证在每个网站都是必须,如果这个都没有,可以想象这个网站多么的不讲究,本章节提供了一个简单登陆表单验证代码,仅供初学者参考之用。代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#btnSubmit').click(function () { if ($('#txtUserName').val() =='') { alert("用户名不能为空!"); $('#txtUserName').focus(); return false; } if ($('#txtPassWord').val() == ''){ alert("密码不能为空!"); $('#txtPassWord').focus(); return false; } }) }) </script> </head> <body> 用户名:<input id="txtUserName" type="text" value="" /><br /> 密 码:<input id="txtPassWord" type="text" value="" /><br /> <input id="btnSubmit" type="button" value="btnSubmit" /> </body> </html>
如果文本框内容为空时,会弹出警告框。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8151
更多内容可以参阅:http://www.softwhy.com/jquery/