Javascript and html connection

Question

为什么输入矩形的边缘不是绿色或红色？ 问题可能出在JS文件中。我该如何解决它？

这是 html 的一部分。

<form action="Registrazione" method="post" name="registrazione" id="form">
<div class="signlog">
<h1>Registrazione</h1>
<p>Compila il form per creare un account.</p>   
<label for="username"><b>Username</b></label>
<input type="text" name="username" onchange="controlloUsername()" id="uno"></form>

这是JS的一部分。

function controlloUsername()
{
var lettere=/^[a-z0-9A-Z]+$/;
var username=document.forms["registrazione"].elements["username"].value;
if(username.length<5 || username.length>10 || !username.match(lettere))
{
document.registrazione.username.style.borderColor="red";
return false;
}
else{
document.registrazione.username.style.borderColor="green";
return true;
}
}
function validazione()
{
if(!controlloUsername())
{
document.registrazione.username.focus();
return false;
}  
}
function registrati()
{

$.post("registrazione",
{
username : $("#uno").val(),
},

Answer 1

你的JavaScript和HTML都很好，这是一个CSS任务。您只需要将input#uno的border-style属性更改为solid。

function controlloUsername() {
var lettere=/^[a-z0-9A-Z]+$/;
var username=document.forms["registrazione"].elements["username"].value;
if(username.length<5 || username.length>10 || !username.match(lettere)) {

document.registrazione.username.style.borderColor="red";
return false;
} else {

document.registrazione.username.style.borderColor="green";
return true;
}
}
function validazione() {
if(!controlloUsername()) {

document.registrazione.username.focus();
return false;
}  
}

input#uno {
border-style:solid;
}

<form action="Registrazione" method="post" name="registrazione" id="form">
<div class="signlog">
<h1>Registrazione</h1>
<p>Compila il form per creare un account.</p>   
<label for="username"><b>Username</b></label>
<input type="text" name="username" onchange="controlloUsername()" id="uno"></div></form>

希望我能把你推得更远。