Javascript 创建表单操作到js页面

我想创建登录表单，然后结果将转到另一个页面，使用js捕获值并创建流程

我已经成功地使用

onclick

创建了它，但是我想将

onclick

更改为

onsubmit

，因为我不想单击按钮，只需按“回车”键盘，这个过程正在进行。我已经尝试过从onclick更改为onsubmit进程，但仍然没有在js页面上获得值

这是登录表

  <form >
                <div class="input-group form-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fas fa-user"></i></span>
                    </div>
                    <input type="text" class="form-control" placeholder="Phone Number" name="phone_number" id="phone_number">

                </div>
                <div class="input-group form-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fas fa-key"></i></span>
                    </div>
                    <input type="password" class="form-control" placeholder="Password" name="password" id="password">
                </div>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="form-group">
                    <input type="button" value="Login" class="btn float-justify login_btn" onClick="login()">
                </div>
            </form>

    <script src="<?= base_url() ?>assets/js-process/login/login.js" type="text/javascript"></script>

我已经将onclick更改为onsubmit，但是我无法再次在js页面上获取该值

这是找我的钱

 <form id="myform" onsubmit="login()">
  ......
 <div class="form-group">
   <input type="submit" value="Submit" class="btn float-justify login_btn">
 </div>

......

你知道我的代码哪里出错了吗

---

谢谢你

在我看来，一切都很好，现在应该在哪里看两件事 首先是您正在使用的jquery，但我看不到它的链接 第二，检查您的基本url，它是否正确生成

下面您可以看到它正在onclick上工作

和提交时相同，但必须在函数中传递事件，以便停止其默认操作。您可以使用event.preventDefault（）实现这一点

函数登录（e）
{
e、 预防默认值（）；
var phone_number=$（'#phone_number'）.val（）；
var password=$（'#password'）.val（）；
警报（电话号码）
}

您在哪里添加了onsubmit处理程序？请记住，您没有提交按钮，而是提交了整个表单。因此，您必须将其添加到表单中，而不是按钮中。我将onsubmit处理程序放在标题表单上，以便使用该函数转到js页面。这是真的吗？嗨@Deepak，我已经成功使用onclick创建了动作。我感到困惑的是，当我从onclick更改为onsubmit时，我已经尝试过了，但仍然没有在js页面上获得值。我再次编辑了代码，您可以检查它在submit上的工作情况

 <form id="myform" onsubmit="login()">
  ......
 <div class="form-group">
   <input type="submit" value="Submit" class="btn float-justify login_btn">
 </div>