Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery获取输入的新值_Javascript_Jquery_Html_Input - Fatal编程技术网

Javascript 如何使用jquery获取输入的新值

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> <

我用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>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);
    }

});
});