Javascript 一张表单上有两个提交按钮。使用jquery按文本字段检测_Javascript_Jquery_Html_Forms

Javascript 一张表单上有两个提交按钮。使用jquery按文本字段检测

javascript jquery html forms

Javascript 一张表单上有两个提交按钮。使用jquery按文本字段检测,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我的页面上有一个带有两个提交按钮的表单。是否有方法将文本字段与提交按钮关联，并在键盘上按Enter键时执行正确的按钮。示例-如果我填写搜索文本字段并按键盘上的enter键，它将执行搜索提交按钮。如果我将搜索留空并尝试登录，它将检测登录密码字段，并在我按键盘上的enter键时执行登录提交按钮注意：搜索按钮与为其编写的脚本配合使用，但如果我添加登录脚本（如果搜索文本字段中未填写任何内容），则该按钮不起作用：（请帮忙这就是我到目前为止所做的： HTML // 用户名：密码：东西东西

我的页面上有一个带有两个提交按钮的表单。是否有方法将文本字段与提交按钮关联，并在键盘上按Enter键时执行正确的按钮。示例-如果我填写搜索文本字段并按键盘上的enter键，它将执行搜索提交按钮。如果我将搜索留空并尝试登录，它将检测登录密码字段，并在我按键盘上的enter键时执行登录提交按钮

注意：搜索按钮与为其编写的脚本配合使用，但如果我添加登录脚本（如果搜索文本字段中未填写任何内容），则该按钮不起作用：（

请帮忙

这就是我到目前为止所做的：

HTML


//
用户名：
密码：

东西
东西

$（'s'）。每个（函数（）{

都很奇怪。

$（'s'））

只能找到一个元素，因此循环是……没有必要的。但是这与您的问题无关。为什么您有一个表单标记，而实际上您似乎有两个单独的表单？登录和搜索？为什么您在回调中有一个生命？您也可以在服务器端进行循环，请看。您对循环的权利。我的主要关注点是检测键盘输入（13）通过文本字段检测并执行向右按钮。使用一个表单在mvc中使用并通过它进行验证。我的主文本字段是搜索，我使用令牌验证，并通过其值检测提交按钮。嗯，错误的方法？我正在查看是否可以。谢谢。你真的应该为此使用两个单独的表单。

<!DOCTYPE>
<html>
  <head>
    <script type="text/javascript" src="/jquery.js"></script>
    <script type="text/javascript">
    //<![CDATA[
     $(window).load(function(){
     (function() {
      $('#s').keyup(function(){
        var empty1 = false;
        $('#s').each(function() {
         if($(this).val() == ''){
           empty1 = true; 
         }
        });
        if(empty1) {
         $('#s_btn').attr('disabled','disabled');
         //this is where i add login script if password has values
          if($('#pass').val() == '') {
           $('#login').removeAttr('disabled');
           function lkey(event) {
           var l = event.keyCode;
              if(l == 13) {
                  $('#login').click(); 
              }
           } //function lkey
          });
         //end of login script
        }else{
             $('#s_btn').removeAttr('disabled');
          function skey(event) {
             var s = event.keyCode;
             if(s == 13) {
                $('#s_btn').click(); 
             }
          }
        }
      }); //keyup
     })() //function
    }); //load
    //]]>
    </script>
  </head>
<body>
 <div>
  <form method="post" action="">
    <div class="top menu">
    <input type="text" name="search" id="s" />
    <input type="submit" name="searchBtn" val="Search" id="s_btn" disabled="disabled" />
    </div><!--end top menu-->
    <div class="content">
     <div class="left-col">
      <table>
        <tr>
           <td><label for="user">Username: </label></td>
           <td><input type="text" name="username" id="user" /></td>
        </tr>
        <tr>
           <td><label for="pass">Password: </label></td>
           <td><input type="password" name="password" id="pass" /></td>
        </tr>
        <tr>
           <td colspan="2"><input type="button" name="loginBtn" id="login" disabled="disabled"/></td>
        </tr>
      </table>
     </div><!--end left-col-->
     <div class="right-col">
      <ul>
        <li>Stuff</li>
        <li>Stuff</li>
      </ul>
     </div><!--end right-col-->
    </div><!--end content-->
  </form>
 </div>
</body>
</html>