Javascript 如何使用jquery获取输入的新值
我用html编写了这两个输入字段:Javascript 如何使用jquery获取输入的新值,javascript,jquery,html,input,Javascript,Jquery,Html,Input,我用html编写了这两个输入字段: <div class="row"> <div class="col-md-12 form-group"> <label>Name</label> <input type="text" name="doc name" class="form-control " id="doc-name"> </div> </div> <
<div class="row">
<div class="col-md-12 form-group">
<label>Name</label>
<input type="text" name="doc name" class="form-control " id="doc-name">
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<label>Number</label>
<input type="text" name="doc number" class="form-control " id="doc-number">
</div>
</div>
我实际遇到的问题是,即使在我完成输入字段之后,.val()命令仍然返回空字符串,而不是返回我在这些输入中实际写入的内容。html()或.text()也返回空的内容。你能给我指一下正确的方向吗?应该是“#文件名”
和“#文件号”
:
if($('#文件名').val()=''| |$('#文件号').val()=''){
警报(“错误”);
}
名称
数字
这取决于调用代码的位置/时间。在下面的示例中,它将在按下提交按钮时执行
$(“#提交”)。单击(函数(e){
如果($('#文件名').val()=''|$('#文件编号').val()=''){
log('返回false');
return false//这是使用实际错误脚本完成的,但对当前问题并不重要
}
});代码>
名称
数字
提交
当您从事件处理程序返回false时,它会阻止该事件的默认操作,并阻止事件在DOM中冒泡。也就是说,这相当于这样做:
if($('doc-name').val()=''文件编号').val=''){
警报(“正常”);
}
名称
数字
不确定这是否是您的意思。但我在这里创建了一个示例,在这里,每次单击事件都会得到输入字段的值
<input type="text" id="name"/>
<input type="text" id="number"/>
<button id="getvalue">Get value</button>
为了让javascript与html元素通信,您需要有一个触发器事件。在本例中,我们通过按钮元素使用单击事件
这里有一个我不知道这是否是您的问题,但是您在第一个选择器($(#doc name'))中缺少了一个,
应该是$('#doc name')
),在第二个选择器($('doc-number'))上有几个括号和id选择器。val
应该是$('doc number')。val().“doc-number”
也是无效的选择器。你大概是指#文档编号
。我强烈建议你在调试JS代码时检查控制台。你什么时候调用“if(…){}”?我写得很匆忙,选择器是按照你说的写的,正确的,但是$('doc-name').val()字符串即使在我用一些文本完成输入后仍然是空的。这里的关键是如何调用if语句。是什么触发了你的脚本运行?抱歉,我写得很匆忙,正如你说的,但是值仍然没有改变,它只是从html中获取原始值。
<input type="text" id="name"/>
<input type="text" id="number"/>
<button id="getvalue">Get value</button>
$(document).ready( function(){
$('#getvalue').click( function() {
var nameVal = $('#name').val();
var numVal = $('#number').val();
if(nameVal == '' || numVal == ''){
alert('Empty fields.')
}else{
alert('Name is ' + nameVal + ' and Number is ' + numVal);
}
});
});