Question

所以我有一个登录页面，有一个表格，我想做的是当用户输入他们的用户名和密码时，它在一个对象中检查它（我应该在后端进行，但留在这里）但是jquery函数不起作用。这是代码。

    <div class="login">
    <h1>Login</h1>
    <form>
        <input type="text" name="u" placeholder="ID" required="required" />
        <input type="password" name="p" placeholder="Password" required="required" />
        <button id="but" type="submit" class="btn btn-primary btn-block btn-large">Enter Workspace</button>
    </form>
</div>
    <script>
        $('#but').click(function() { 
            alert("lol");   
        });
    </script>

为了让jquery函数正常工作，我需要修复什么？

Answer 1

你是什么意思'它在一个物体中检查它'？你想获取用户名吗？用户点击按钮时的密码？如果是这样，那么你会做这样的事情：

$('#but').click(function() { 
   var username=$('input[name=u]').val();
   var password = $('input[name=p]').val();
   // Do checks with the values here e.g send to server for validation
 });

Answer 2

在脚本中添加jquery。您也可以在$(document).ready()或$(function(){})中编写jquery函数，但只要您在尝试访问的元素之后编写脚本，它就是可选的。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="login">
    <h1>Login</h1>
    <form>
        <input type="text" name="u" placeholder="ID" required="required" />
        <input type="password" name="p" placeholder="Password" required="required" />
        <button id="but" type="submit" class="btn btn-primary btn-block btn-large">Enter Workspace</button>
    </form>
</div>
    <script>
      $(function(){
        $('#but').click(function() { 
            alert("lol");   
        });
      })
        
    </script>

不调用Jquery函数

2 个答案: