jquery获取bootstrap表单的数据
时间: 2023-08-06 14:09:32 浏览: 85
可以使用 jQuery 的 `serialize()` 方法来获取 Bootstrap 表单的数据。这个方法将表单中所有的输入元素的数据序列化为一个字符串,可以直接作为 AJAX 请求的参数或者表单提交的数据。
以下是一个示例代码:
```html
<form id="myForm">
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" name="name">
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" name="email">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
```
```javascript
$('#myForm').submit(function(event) {
event.preventDefault();
var formData = $(this).serialize();
console.log(formData); // 输出表单数据
// 发送 AJAX 请求或者表单提交
});
```
在上面的示例代码中,我们使用了 jQuery 的 `submit()` 方法来捕获表单的提交事件,然后使用 `serialize()` 方法获取表单数据,并在控制台输出。注意:要阻止表单的默认提交行为,需要调用 `event.preventDefault()` 方法。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)