form表单action提交的js部分与html部分

在HTML中，`

` 标签用于创建表单，而表单的提交行为（包括通过JavaScript进行提交）可以通过设置表单的 `action` 属性和使用JavaScript代码来实现。下面是一个简单的例子，展示了如何在HTML中定义表单，并通过JavaScript代码来控制表单的提交。

### HTML部分


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form Submission Example</title>
</head>
<body>

<form id="myForm" action="/submit-form" method="post">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <button type="button" onclick="submitForm()">Submit</button>
</form>

<script src="formScript.js"></script>
</body>
</html>

在这个HTML文件中，我们定义了一个表单，其中包含两个输入字段（姓名和电子邮件）和一个按钮。注意，按钮的 `type` 被设置为 `"button"` 而不是默认的 `"submit"`，因为我们打算通过JavaScript来控制表单的提交。同时，我们引入了一个外部JavaScript文件 `formScript.js` 来包含JavaScript代码。

### JavaScript部分 (formScript.js)


function submitForm() {
    // 获取表单元素
    var form = document.getElementById('myForm');

    // 你可以在这里添加一些验证逻辑
    // 例如，检查输入字段是否为空

    // 假设验证通过，使用JavaScript提交表单
    // 注意：这里我们没有改变表单的action属性，只是通过JavaScript触发表单的提交
    form.submit();

    // 如果你需要改变表单的提交地址（action），可以在这里设置
    // form.action = '/new-submit-url';
    // form.submit();

    // 注意：如果你完全通过AJAX提交表单数据，那么就不需要调用form.submit();
    // 而是应该在这里编写AJAX请求的代码
}

在这个JavaScript文件中，我们定义了一个 `submitForm` 函数，该函数在点击按钮时被调用。函数内部，我们首先获取了表单元素，然后可以添加一些验证逻辑（这里为了简洁没有添加）。如果验证通过，我们就调用 `form.submit()` 方法来提交表单。如果你需要改变表单的提交地址（即 `action` 属性的值），可以在调用 `submit()` 方法之前设置它。

请注意，如果你打算完全通过AJAX来提交表单数据，那么你就不需要调用 `form.submit()` 方法，而是应该编写AJAX请求的代码来发送数据。