富贵资源网 Design By www.hznty.com
本文实例讲述了JavaScript监听文本框回车事件并过滤文本框空格的方法。分享给大家供大家参考。具体如下：
<script type="text/javascript" language="javascript">
var username = null;
var password = null;
//获取文本框
onload = function()
{
username = document.getElementById("txtUserName");
password = document.getElementById("txtPassWord");
}
//清空文本框
function clearTxt()
{
username.value = "";
password.value = "";
username.focus();
// document.getElementById('txtUserName').value="";
// document.getElementById('txtPassWord').value="";
// document.getElementById('txtUserName').focus();
}
//确定
function chkTxt()
{
//删除前后空格
username.value = username.value.replace(/(^\s*)|(\s*$)/g,"");
password.value = password.value.replace(/(^\s*)|(\s*$)/g,"");
//判空
if(username.value.length == 0)
{
alert("请输入用户名!");
username.focus();
}
else if(password.value.length == 0)
{
alert("请输入密码!");
password.focus();
}
else
document.getElementById("btnLogin").click();
}
//回车监听
function onkey()
{
if (window.event.keyCode==13)
{
// document.all["btnLogin"].focus();
// if(document.activeElement.id = "aReset")
//判断当前焦点所在的控件的id是aReset
// {
// document.getElementById("aReset").focus();
// }
document.getElementById("aLogin").focus();
return false;
}
}
</script>
css代码：
<style type="text/css">
#btnLogin
{
width: 0px;
height: 0px;
border-style: none;
background-color: White;
}
</style>
html代码：
<body onkeydown="onkey()">//把回车监听加入body
<form id="login_form" name="login_form" runat="server">
<div>
<label>用户：</label><input id="txtUserName"
runat="server" name="u_name" class="input bold" type="text"/>
<label>密码：</label><input id="txtPassWord"
runat="server" name="u_pass" class="input" type="password"/>
<a href="javascript:chkTxt()" id="aLogin">确定</a>
<%--<a href="javascript:document.forms['login_form'].reset()">
重置</a>--%>
<a href="javascript:clearTxt()" id="aReset">重置</a>
<asp:Button ID="btnLogin" runat="server"
Text="" OnClick="btnLogin_Click" />
</div>
</form>
</body>
希望本文所述对大家的javascript程序设计有所帮助。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。