手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery登陆判断简单实现代码
jQuery登陆判断简单实现代码
摘要:复制代码代码如下:$('#txtUserName').focus(function(){$('#txtUserName').val('');...

复制代码 代码如下:

<script src="jquery-1.9.1.js"></script>

<script type="text/javascript">

$('#txtUserName').focus(function () {

$('#txtUserName').val('');

})

$('#txtPassWord').focus(function () {

$('#txtPassWord').val('');

})

$('#txtUserName').blur(function () {

if ($('#txtUserName').val() =='')

{

$('#txtUserName').val('用户名不能为空');

//重新获得焦点

// $('#txtUserName').focus();

}

})

$('#txtPassWord').blur(function () {

if ($('#txtPassWord').val() == '') {

$('#txtPassWord').val('密码不能为空');

}

})

$('#btnSubmit').click(function () {

if ($('#txtUserName').val() == 'admin' && $('#txtPassWord').val() == '888888')

{ alert('登陆成功!'); }

else { alert('登陆失败!'); }

})

})

</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>

【jQuery登陆判断简单实现代码】相关文章:

jQuery结合ajax实现动态加载文本内容

js+html5实现canvas绘制简单矩形的方法

jquery读取xml文件实现省市县三级联动的方法

JQuery球队选择实例

jQuery聚合函数实例

jQuery插件jRumble实现网页元素抖动

jquery实现动态改变div宽度和高度

JQuery中Text方法用法实例分析

JQuery中节点遍历方法实例

jQuery zTree加载树形菜单功能

精品推荐
分类导航