使用输入字段中的文本，在脚本中处理它，然后将表单与处理过的文本一起发送

Question

我是javascript的新手，我可以看到这是一个非常简单的请求，但我不能弄清楚。

我有一个简单的html表单，由两个字段组成，姓名和电子邮件。

提交表单时，我希望根据输入名称创建一个惟一ID，然后连同新的惟一ID一起提交表单。表单被提交给webhook。

到目前为止我有以下内容:

HTML:

<form
id="myForm"
action="https://hook.integromat.com"
type="POST"
>
<input type="text" name="full-name" id="name" placeholder="What's your name?" />
<input
type="email"
name="email-address"
placeholder="What's your email address?"
/>
<input type="submit" value="Submit" id="Form-submit" />
</form>

Javascript:

function myFunction(){
let InputName = document.getElementById('name').value


function CreateBasename(InputName) {    
// Change Case - START    
const toCapitaliseCase = (phrase) => {    
return phrase    
.split(' ')    
.map(word => word.charAt(0).toUpperCase() + word.slice(1))    
.join(' ');        
};    
let Capitalise = toCapitaliseCase(InputName);        
// Change Case - END    
// return capitalise; // The ABC Company

// Format Client Name if starts with 'The' - START  
if (Capitalise.startsWith('The ')) { //The ABC Company    
let Words = Capitalise.split(' '); //["The","ABC","Company"]    
let The = Words[0]; // The    
let TheSlice = Capitalise.slice(4); //ABC Company    
let Comma = ', '; // ,    
let BaseName = TheSlice.concat('', Comma, The); // ABC Company, The    
return BaseName //ABC Company, The    
}    
// Format Client Name if it DOESN'T start with 'The' - START    
else { //The ABC Company        
return Capitalise    
}  
}
var BaseName = CreateBasename(InputName);


document.getElementById('demo').innerHTML = BaseName
return true;

} 

我只是不知道如何将新值包含到表单中，以便我可以发送它。

Answer 1

只需添加一个<input type="hidden" name="unique-id">，并在提交表单之前填充您的js逻辑。