Jquery插件表单不能正常工作

时间:2012-06-28 14:47:42

标签: jquery jquery-forms-plugin

守则:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery.form.js"></script>
<script>
$(document).ready(function () {
  $('#form1').ajaxForm({
    dataType: 'json',
    success: processJson
  });
});

function processJson(data) {
  if (data.result == "ok") {
    $("#f1").show();
    var usernameValue = $('input[name=us]').fieldValue();
    alert("Nombre " + usernameValue);
  }
  //alert(data.result);
}
</script>
<script>
function test_form() {
  $(document).ready(function () {
    $('#form2').ajaxForm({
      dataType: 'json',
      success: processJson2
    });
  });

  function processJson2(data) {
    if (data.result == "ok") {
      $("#f2").show();
      var usernameValue = $('input[name=us]').fieldValue();
      alert("Nombre " + usernameValue);
    }
    //alert(data.result);
  }
}
</script>
<form name="form1" method="post" action="test_form.post.php" id="form1">
  <input type="text" name="us">
  <input type="submit" name="Submit" value="Enviar">
</form>
<div id="f1" style="display:none;">Ejecutando Forma 1</div>
<form name="form2" method="post" action="test_form.post.php" id="form2">
  <input type="text" name="us">
  <input type="submit" name="Submit" value="Enviar" Onclick="test_form();">
</form>
<div id="f2" style="display:none;">Ejecutando Forma 2</div>

如果你测试,你可以在一个字段中插入名称并按下另一个表单按钮,然后在另一个表单中查看文本插入,在另一种情况下相同,不同用于不同表单下的相同字段id,关注< / p>

1 个答案:

答案 0 :(得分:0)

您的问题是您使用通用选择器来检索所需的文本框。

当您应用以下内容时:

$('input[name=us]').fieldValue()

您正在检索第一个随机选择的文本框,因为

$('input[name=us]')

以两个文本框而不是一个文本框进行响应。它从文档的顶部开始,并搜索名为“us”的输入元素。 你应该做的是......如下:

$("#form1").find("input[name='us']").val();

这是你能做到的许多不同方式之一..