<div class="codetitle"> <span><a style="CURSOR: pointer" data="98307" class="copybut" id="copybut98307" onclick="doCopy('code98307')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code98307"> <br> <br> <br><meta http> <meta http> <meta content="text/html; charset=utf-8"> <br><title>JavaScript</title> <br><style type="text/css"> <BR> body { /* 對頁面佈局進行調整*/ <BR>background-color: #ccc; <BR>width: 960px; <BR>height: 50%; <BR>margin: 0px auto; <BR>} <BR></style> <br> <br> <br><script type="text/javascript" src="jquery-1.8.0.js"> <BR></script> <br><br>使用者名稱：<input type="text" name="user" id="user"><br> <br>密 碼：<input type="password" name="passwd" id="passwd"> <br><br><script type="text/javascript"> <BR>$("body") <BR>.css("margin-left",(($( document).width() - 1024) / 2) "px") <BR>.css("overflow-x", "hidden"); <br><br>/* 只對id為passwd的控制綁定keypress事件*/ <BR>$("input[id='passwd']").bind("keypress", function(event){ <BR>if (event.keyCode == '13') { // 回車按鍵的代碼<BR>if (!$('#user').val() || !$('#passwd').val()) { // 偵測使用者名稱與密碼是否為空<BR> alert("使用者名稱或密碼為空，請重新輸入！"); <BR> return; <BR> } <BR>alert("使用者名稱為:" $('#user').val) "密碼為:" $('#passwd').val()); <BR>} <BR>}); <br><br></script> <br> <br> <br> </div> <br><img src="http://files.jb51.net/file_images/article/201307/201307251743502.gif?201362517444" alt="jQuery的控制與事件(輸入控制與回車事件)使用範例_jquery" >
