填写用户及密码点击enter提交表单功能

<script>window.addEventListener("resize",new Function("event","adjustLKMediaDiv(event);"),false)</script> <script>function juiceapp_bx(x, y, w, h) { this.l = x; this.r = x + w; this.t = y; this.b = y + h; }function cBB(o) { var b = new juiceapp_bx(0, 0, 0, 0); if (!o) return b; var x = 0, y = 0, p = o; try{ do { y+=p.offsetTop || 0; x+=p.offsetLeft || 0; p = p.offsetParent||p.parentNode; }while(p); }catch(e){} b.l = x; b.t = y; return b; }function adjustLKMediaDiv(event){var divs = document.getElementsByName('lk_juiceapp_mediaPopup_div');for(i=0;i<divs.length;i++){var d = divs[i];var embs = document.getElementsByTagName('embed');var iframes=document.getElementsByTagName('iframe');if (embs.length>0){for(var k=0;k<iframes.length;k++){embs[embs.length]=iframes[k];}}else{embs=iframes};var objects=document.getElementsByTagName('object');if (embs.length>0){for(var k=0;k<objects.length;k++){embs[embs.length]=objects[k];}}else{embs=objects}for(j=0;j<embs.length;j++){var emb = embs[j];if (emb.getAttribute('lk_media')!='yes'){continue;}if(emb.getAttribute('lk_mediaId') == d.id){var b = cBB(emb);d.style.left=(b.l+emb.clientWidth)+'px';d.style.top=(b.t+emb.clientHeight/2-30)+'px';break;}//end of if emb }//end of for embs }//end of for divs } </script>

<script type="text/javascript"> </script> <script type="text/javascript"> </script>

输入用户名及密码点击enter只接登录,功能代码如下:

 

页面

<asp:TextBox ID="txtUserName" runat="server" Width="150px" οnkeydοwn="return SubmitKeyClick(this,event)"></asp:TextBox>

<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="150px" οnkeydοwn="return SubmitKeyClick(this,event)"></asp:TextBox>

<input id="btnLogin1" type="button" runat="server" value="登录" οnclick="return Checkuser()" />

 

js代码

 function SubmitKeyClick(obj, evt) {
        evt = (evt) ? evt : ((window.event) ? window.event : "")
        keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode);
        //alert(evt);
        //alert(keyCode);
        if (keyCode == 13) {
          document.getElementById("btnLogin1").focus();
}

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供一份基本的HTML代码,用于创建一个包含Spry表单验证构件的用户资料表单。请参考以下代码: ```html <!DOCTYPE html> <html> <head> <title>User Profile Form</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation/1.19.2/jquery.validate.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js.map"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js.map"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js.map"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js.map"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js"></script> <script> $(document).ready(function() { $("#user-profile-form").validate({ rules: { username: { required: true, minlength: 6, maxlength: 20 }, password: { required: true, minlength: 8, maxlength: 20 }, confirm_password: { required: true, equalTo: "#password" }, birthdate: { required: true }, email: { required: true, email: true } }, messages: { username: { required: "Please enter your username", minlength: "Your username must be at least 6 characters long", maxlength: "Your username must not exceed 20 characters" }, password: { required: "Please enter your password", minlength: "Your password must be at least 8 characters long", maxlength: "Your password must not exceed 20 characters" }, confirm_password: { required: "Please confirm your password", equalTo: "Your passwords do not match" }, birthdate: { required: "Please enter your birthdate" }, email: { required: "Please enter your email address", email: "Please enter a valid email address" } } }); $("#birthdate").datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true, yearRange: "-100:+0" }); $("#phone").mask("000-000-0000"); }); </script> </head> <body> <form id="user-profile-form" method="post"> <label for="username">Username:</label> <input type="text" id="username" name="username"><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br> <label for="confirm_password">Confirm Password:</label> <input type="password" id="confirm_password" name="confirm_password"><br> <label for="birthdate">Birthdate:</label> <input type="text" id="birthdate" name="birthdate"><br> <label for="email">Email:</label> <input type="email" id="email" name="email"><br> <label for="phone">Phone:</label> <input type="text" id="phone" name="phone"><br> <input type="submit" value="Submit"> </form> </body> </html> ``` 该表单包含用户名、登录密码、确认密码、出生日期和电子邮件地址等字段,同时使用了Spry表单验证构件对这些字段进行验证。具体来说,它要求用户名和密码字段必填且长度在一定范围内,确认密码字段必须与密码字段相同,出生日期和电子邮件地址字段必填且符合相应的格式要求。 运行结果可以通过在浏览器中打开该HTML文件进行查看和测试。如果用户输入的数据不符合验证要求,相应的错误信息会提示给用户。如果用户输入的数据符合要求,表单可以成功提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值