如何在每次更改时更新表单输入的当前值，而不必仅使用javaScript使用jquery
在这里，我试图制作一个铭文表单作为表单验证，我选择名称必须至少包含2个字符，因此我使用如何在每次更改时更新表单输入的当前值，而不必仅使用javaScript使用jquery,javascript,html,Javascript,Html,在这里，我试图制作一个铭文表单作为表单验证，我选择名称必须至少包含2个字符，因此我使用id=“nom”向输入中添加了一个事件列表器但这里出现的问题是，代码只获取空的初始值，因此用户在指定的输入字段中写入什么并不重要。事件将以空值启动 `<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="st
id=“nom”向输入中添加了一个事件列表器 `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="#" method="get">
<fieldset id="fieldset">
<legend>Inscription :</legend>
<label for="">Sexe :</label><br>
<input type="radio" name="gender" value="male" checked><label for="male">Homme</label>
<br><input type="radio" name="gender" value="female"><label for="female">Femme</label>
<br><sapn class="tooltip">Vous devez selectionner votre sexe</sapn>
<br><br><label>Nom :</label><br>
<input type="text" id="nom">
<sapn class="tooltip">Un nom ne peut pas faire moins de 2 caractères</sapn>
<br><br><label>Prénom :</label><br>
<input type="text" id="prenom">
<sapn class="tooltip">Un prénom ne peut pas faire moins de 2 caractères</sapn>
<br><br><label>Age :</label><br>
<input type="text" id="age">
<sapn class="tooltip">l'age doit etre compris entre 5 et 140</sapn>
<br><br><label>Pseudo :</label><br>
<input type="text" id="pseudo">
<sapn class="tooltip">Le pseudo ne peut pas faire moins de 4 caractères</sapn>
<br><br><label>Mot de passe :</label><br>
<input type="password" id="mdp">
<sapn class="tooltip">Le mot de passe ne peut pas faire moins de 6 caractères</sapn>
<br><br><label>Mot de passe (confirmation):</label><br>
<input type="password" id="mdpconf">
<sapn class="tooltip">Le mot de passe de confirmation doit etre identique à celui d'origine</sapn>
<br><br><label for="country">Pays :</label><br>
<select name="country" id="country">
<option value="none" selected >Selectionnez votre pays</option>
<option value="Allemagne" >Allemagne</option>
<option value="France" >France</option>
<option value="Tunisie" >Tunisie</option>
</select>
<sapn class="tooltip">Vous devez selectionner votre pays de résidence</sapn>
<br><br><label for="mail">Recevoir des mails </label>
<input type="checkbox" class="answer">
<br><br><input type="submit" value="M'inscrire" id="submit">
<input type="reset" value="Reintitialiser le formulaure" id="reset">
</fieldset>
</form>
<script>
(function (){
var nom = document.getElementById('nom');
var prenom = document.getElementById('prenom');
var sexe = document.querySelectorAll('input[type = checkbox],checked');
var age = document.getElementById('age');
var pseudo = document.getElementById('pseudo');
var mdp = document.getElementById('mdp');
var mdpconf = document.getElementById('mdpconf');
var pays = document.getElementById('country');
var tooltips = document.querySelectorAll(".tooltip");
for(i = 0;i < tooltips.length; i++){
tooltips[i].style.display = 'none';
}
function moreThenTwo(text){
if (text.value.length < 2){
text.style.borderColor="red";
tooltips[1].style.display = "inline-block";
age.value = text.value.length;
}
else
text.style.borderColor = "green";
};
nom.addEventListener('change',moreThenTwo(nom));
})();
</script>
</body>
</html>`
`
铭文：
性别：
霍姆
女性
你有什么选择吗
名称：
我的名字是2克拉
名称：
在2克拉的集市上的名字是什么
年龄：
我的年龄是5岁和140岁
伪：
这是一辆四克拉的汽车
通行证：
这条路走不到6克拉
通行证（确认）：
确认确认书的内容与原产地相同
支付：
Selectionnez votre支付
阿勒曼
法国
束腰外衣
你的选择是什么
收信
（功能（）{
var nom=document.getElementById（'nom'）；
var prenom=document.getElementById（'prenom'）；
var sexe=document.querySelectorAll（'input[type=checkbox]，checked'）；
var age=document.getElementById（'age'）；
var pseudo=document.getElementById（'pseudo'）；
var mdp=document.getElementById（'mdp'）；
var mdpconf=document.getElementById（'mdpconf'）；
var pays=document.getElementById（'country'）；
var tooltips=document.querySelectorAll（“.tooltips”）；
对于（i=0；ionKeyPress（）onkeypup（）函数myFun（）{
var值=document.getElementById（“inp”）.value；
var lblValue=document.getElementById（“lblValue”）；
lblValue.innerText=“文本：”+值；
}
文本：onKeyPress（）onkeypup（）函数myFun（）{
var值=document.getElementById（“inp”）.value；
var lblValue=document.getElementById（“lblValue”）；
lblValue.innerText=“文本：”+值；
}
文本：oninputid=“nom”nom.addEventListener（'input'，函数moreThenTwo（e）{
var字段=e.target；
如果（field.value.length<2）{
field.style.borderColor=“红色”；
工具提示[1]。style.display=“内联块”；
age.value=field.value.length；
}否则{
field.style.borderColor=“绿色”；
}
});
nom.addEventListener('input', function moreThenTwo(e){
if (this.value.length < 2){
this.style.borderColor="red";
tooltips[1].style.display = "inline-block";
age.value = this.value.length;
} else {
this.style.borderColor = "green";
}
});
nom.addEventListener（'input'，函数moreThenTwo（e）{
如果（此.value.length<2）{
此.style.borderColor=“红色”；
工具提示[1]。style.display=“内联块”；
age.value=this.value.length；
}否则{
this.style.borderColor=“绿色”；
}
});
id=“nom”oninputnom.addEventListener（'input'，函数moreThenTwo（e）{
var字段=e.target；
如果（field.value.length<2）{
field.style.borderColor=“红色”；
工具提示[1]。style.display=“内联块”；
age.value=field.value.length；
}否则{
field.style.borderColor=“绿色”；
}
});
nom.addEventListener('input', function moreThenTwo(e){
if (this.value.length < 2){
this.style.borderColor="red";
tooltips[1].style.display = "inline-block";
age.value = this.value.length;
} else {
this.style.borderColor = "green";
}
});
nom.addEventListener（'input'，函数moreThenTwo（e）{
如果（此.value.length<2）{
此.style.borderColor=“红色”；
工具提示[1]。style.display=“内联块”；
age.value=this.value.length；
}否则{
this.style.borderColor=“绿色”；
}
});