博客

如何使用JavaScript/jQuery获取表单数据

  • Post category:jquery

获取表单数据是Javascript/jQuery的一项基础操作，这里提供一些如何使用Javascript/jQuery获取表单数据的攻略。

一、使用Javascript获取表单数据

1. 通过元素名获取

可以通过获取表单元素的name属性来获取表单数据，具体步骤如下：

let input = document.getElementByName("inputName");
let inputValue = input.value;
console.log(inputValue);

2. 通过表单id获取

如果表单有一个独特的id，那么可以根据表单id获取表单中所有元素。然后根据元素的name属性获取它的值。

let form = document.forms["form_id"];
let username = form["username"].value; 
let password = form["password"].value; 
console.log(username, password);

二、使用jQuery获取表单数据

1. 通过元素名获取

可以通过获取表单元素的name属性来获取表单数据。jQuery提供了一个便捷的方式来实现这个方法：

let name = $("input[name=inputName]").val();
console.log(name);

2. 通过表单id获取

可以通过表单id选择器获取表单元素，然后再通过元素的name属性获取它的值。示例如下：

let username = $("#form_id input[name=username]").val(); 
let password = $("#form_id input[name=password]").val(); 
console.log(username, password);

综上所述，使用Javascript/jQuery获取表单数据是十分简单的，这里只是提供了一些基础的方法。在实际应用中还需根据不同的需求考虑不同的方案。

Tags: