当页面上有多个表单时，使用ajax提交表单
当页面上有多个表单时，使用ajax提交表单
提问于 2018-06-03 05:19:23
我想知道当一个页面上有超过4个表单时，如何使用AJAX在页面上提交表单(只有一个表单)。
到目前为止，我所拥有的是不起作用的：
<script>
$(document).ready(function(){
$("findPatientRecords").submit(function(event){
event.preventDefault();
var username = $("username").val();
var searchPatientRecords = $("searchPatientRecords").val();
$(".formMessage").load("inc/findPatientRecords.php", {
username: username,
searchPatientRecords: searchPatientRecords
});
});
});
</script>其形式为：
<form method="post" name="findPatientRecords" id="findPatientRecords" autocomplete="off">
<div class="form-group">
<label for="username">Username</label>
<input class="form-control" type="text" id="username" name="username"></input>
</div>
<button type="submit" class="btn btn-primary" style="width: 100%;" name="searchPatientRecords">Search for user</button>
<p id="formMessage"></p>
</form>回答 2
Stack Overflow用户
发布于 2018-06-03 05:32:58
在表单元素中使用名称属性
<form name="form1">Stack Overflow用户
发布于 2018-06-03 08:42:39
jQuery查找类似于CSS选择器的元素。要查找id属性为foo的元素，需要执行#foo。如果省略了#符号，它将尝试查找<foo>元素。这就是为什么您的jQuery选择器不匹配任何内容。
<script>
$(document).ready(function(){
$("#findPatientRecords").submit(function(event){
event.preventDefault();
var username = $("#username").val();
var searchPatientRecords = $("#searchPatientRecords").val();
$(".formMessage").load("inc/findPatientRecords.php", {
username: username,
searchPatientRecords: searchPatientRecords
});
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50661258
复制相关文章
相似问题