编码 :
<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 下不起作用,问候