Question

这是我的表格：

<h1>Word game!</h1>
<form id="joke-form">
    <label>
        Unscramble these letters to form a word:<Br>
        <span class="scrambled">REYJUQ</span>
        <br>
        <input type="text" id = "userinput" size="10">
    </label>
    <button type="submit">Check</button>
</form>

这是我正在运行的jquery函数。我的问题是，我不知道如何在按下提交时获取用户在文本框中输入的值。我对jquery比较陌生，但在研究这个主题方面没有运气，包括在这个网站上阅读类似的问题。

<script>

$('#joke-form').on('submit', function(event) {
event.preventDefault();
var words = $('this input: first').val(); 
console.log(words);        
});

if (words === "ANSWER") {
    $('#result').text("You have the right answer");
}
else {
    $('#result').text("Guess again!");
}

</script>

Answer 1

尝试：

import serial

Ser = serial.Serial("COM3", 9600, timeout=1)
data = Ser.readline()
print(data)
Ser.close()

Answer 2

您的选择器$('this input: first')格式不正确。由于您的input元素无论如何都有id，我只想通过id选择它。此外，您还需要将if else语句放在提交函数中。

以下是您的代码的实时演示：

$('#joke-form').on('submit', function(event) {
  event.preventDefault();
  var words = $('#userinput').val();
  console.log(words);
  
  if (words === "JQUERY") {
    $('#result').text("You have the right answer");
  } else {
    $('#result').text("Guess again!");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Word game!</h1>
<form id="joke-form">
  <label>
    Unscramble these letters to form a word:
    <Br>
    <span class="scrambled">REYJUQ</span>
    <br>
    <input type="text" id="userinput" size="10">
  </label>
  <button type="submit">Check</button>
</form>

<span id="result"></span>

JSFiddle版本：https://jsfiddle.net/6pd5z9kv/1/

Answer 3

您的代码位置错误，而您使用的选择器输入不正确。

请参阅此代码，了解其工作原理：

http://codepen.io/KempfCreative/pen/JGRzwm

$('#joke-form').on('submit', function(event) {
event.preventDefault();
var words = $('#joke-form #userinput').val(); 
console.log(words);
  if (words === "ANSWER") {
    $('#result').text("You have the right answer");
}
else {
    $('#result').text("Guess again!");
}
});

Answer 4

我已经看到很多安慰者了，但这就是你做错了

你的代码

var words = $('this input: first').val();

固定

var words = $(this).find("input:first").val();
    //use 'this' seprately, then you start input:first with " and finished with '

希望它对你有用，关于html我不知道它是否有副本/ pase问题，但删除id和=

的空格

你的代码

id = "userinput"

固定

id="userinput"

休息很好:) 干杯

使用jquery从表单中的输入框中获取数据

4 个答案: