使用jquery劫持表单值

我试图在使用jquery提交之前检查表单值。当我尝试使用alert（）检查值时，值显示为未定义

 <form id="test" method ="get">           
 username<br>
 <br>
 <input type="text" name="firstfield">
 password 
 <input type="text" name="secondfield">
 <input type="submit" id="_click" value="click">
 </form>    
<script>
$(document).ready(function () {
    $('#_click').click(function () {
        var uname = $('#firstfield').val();
        var pass = $('#secondfield').val();
        alert(uname);
        alert(pass);
    });//click     
});//documentready
</script>

用户名



密码
$（文档）.ready（函数（）{
$（'#_click'）。单击（函数（）{
var uname=$（'#firstfield'）.val（）；
var pass=$（'#secondfield'）.val（）；
警惕（联塞特派团）；
警报（通过）；
})；//单击
});//文档准备

将您的输入值更改为

 <input type="text" name="firstfield" id="firstfield">
 password 
 <input type="text" name="secondfield" id="secondfield">

，正在查找id分别为

firstfield

和

secondfield

的元素

您的

元素没有id，因此它们总是未定义的

 <form id="test" method ="get">           
 username<br>
 <br>
 <input type="text" name="firstfield">
 password 
 <input type="text" name="secondfield">
 <input type="submit" id="_click" value="click">
 </form>    
<script>
$(document).ready(function () {
    $('#_click').click(function () {
        var uname = $('#firstfield').val();
        var pass = $('#secondfield').val();
        alert(uname);
        alert(pass);
    });//click     
});//documentready
</script>

一把小提琴正在工作

---

您可以在JavaScript中属性选择器

var uname = $('[name=firstfield]').val();
var pass = $('[name=secondfield]').val();

这段代码实际上是在检查元素的

name

属性。

---

您的输入元素没有

id

属性，因此浏览器无法找到它们（

#

是

id

）

---

---

属性选择器和CSS3选择器非常有用，请进一步了解它们

第一个字段

和

第二个字段

是名称属性的值，而#用于按ID属性的值进行选择。我现在明白了，如果没有ID属性，这将无法按预期工作。我已经更正了我的代码，现在可以用了。不客气。我很高兴它起作用了。如果这个问题解决了你的问题，你能把它标记为正确的吗。谢谢

var uname = $('[name=firstfield]').val();
var pass = $('[name=secondfield]').val();