使用jQuery提交表单后的奇怪事情

时间:2018-07-29 10:15:56

标签: jquery html

两天以来,我使用标题中提到的技术来处理“简单”表单。

问题是:

  

在所有输入中输入一些字符串后,我什么也没得到。
  但是,如果我将字符串输入一个,也许是两个输入,那么它将在控制台日志中向我显示此字符串。

我在做什么错?我检查了所有内容,我认为应该没有错误。下面我粘贴了代码。

首先,这是一个HTML代码:

 <form id="editUserForm">
    <input type="text" id="userName">
    <input type="text"id="userSurname">
    <input type="text" id="userEmail">
    <button type="submit" name="editUser">Send</button>
 </form>

第二部分是jQuery代码:

$('#editUserForm').on('submit', function(e) {
    e.preventDefault();
    firstname = $('#userName').val();
    surname = $('#userSurname').val();
    email = $('#userEmail').val();

    console.log(firstname+' '+surname+' '+email);

})  

路径设置正确。

2 个答案:

答案 0 :(得分:1)

对我来说,完全相同的代码起作用了,也许您正在使用过时的jquery或javascript版本,如果显示整个html代码,我可以弄清楚问题出在哪里。您可以在此处查看工作版本:

https://jsfiddle.net/2kcb4hvd/1/

我也建议下次这样声明您的变量:

var firstname = $('#userName').val();
var surname = $('#userSurname').val();
var email = $('#userEmail').val();

答案 1 :(得分:1)

就像@TAS指出的那样,您的代码正在按预期的方式工作。

运行代码段以查看

set.seed(10)
data_1 <- data.table(Cust_ID = c(1,1,1,1,2,2,2,2,3,3,3,3),Month=c(4,3,2,1,4,3,2,1,4,3,2,1),
                          StatusCode=LETTERS[4:6],SalesValue=round(runif(12,50,1500)))

Cust_ID Month StatusCode SalesValue
   1     4          D        786
   1     3          E        495
   1     2          F        669
   1     1          D       1055
   2     4          E        173
   2     3          F        377
   2     2          D        448
   2     1          E        445
   3     4          F        943
   3     3          D        673
   3     2          E        995
   3     1          F        873