如果<；输入>；框中有值，然后显示a<；部门>；在jQuery中

我有两个输入框

id

和

name

，如果此输入框为空，它将不会显示

div\content

$('.required').on("keyup keypress change", function () { 
var flag = true;

$('.required').each(function() {
if ($(this).val() == "") {    //if value of <input> is empty
   flag = false;
});

if (flag) {
   $("#content").slideDown("slow");
   $("#content").show();
}

我还有一个事件，如果用户输入他的

id

并点击按钮

onclick

，它将获取该

id

的相关名称

• 通过ajax获取数据并在
  字段中打印结果的条件正在发挥作用

• 显示前检查两个
  是否都有值的条件

  div#content

  也在运行

我挣扎的地方是，如果我键入

id

编号，单击

，ajax的结果将在我的名称

字段中插入值，即使所有

（id和name）都有值，但

div#content

仍然不会出现

但如果我不使用按钮手动键入，则会显示

div#content

这是下面的

html标记，类名为

required

<input name="id" id="id" class="required" type="text" placeholder="ID"> 
<button id="myButton">

<input name="name" id="name" class="required" type="text" placeholder="Name"> 

同时，我还有一个脚本，它根据

ID

输入获取相关的

name

$('#myButton').on('click', function () {  //on click of button
var id = $j('#id').val();  //get the value of input id

$.getJSON(....) {   // send this to ajax.php to retrieve the associated name
   $.each(.......) {    //fetch it via json_encode
   var name = data[key]["name"];   //store in a var name
   $("#name").val(name);     // insert the value in the <input> 
});
});

$（'myButton'）。在（'click'，函数（）{//
var id=$j（'#id'）.val（）；//获取输入id的值
$.getJSON（..）{//将其发送到ajax.php以检索关联的名称
$.each（……）{//通过json_编码获取它
变量名=数据[键][“名称”]；//存储在变量名中
$（“#name”）.val（name）；//在
});
});

[编辑]

是的，谢谢你的打字。但这不是问题所在

如果我尝试每个代码（独立）

• 检查所有输入字段是否有值，然后显示内容=正常
• 通过ajax获取数据并在input=OK中显示结果

---

但是如果我试图让它们一起工作，div内容根本不会显示。即使所有字段都有值。

Typo

$（“#content”）。slideDown（“slow”）；

将其更改为

$（“#content”）。slideDown（“slow”）；

缺少引号。听起来您缺少了一个

$（“div内容”）。show（）

当返回有效数据时，是否有理由不简单地从单击处理程序内部显示

div#内容

？