提交表单后，我试图在div中显示输入字段的值。但是我做不到。
我做错了什么？
有人可以帮我吗？
function validate() {
var a = document.forms["Form"]["uname"].value;
var validation=true;
if ((a == null || a == "")||(!a.match(/^([a-zA-Z]{2,30})$/))) {
document.getElementById('uname').className = 'box';
document.getElementById('popup').innerHTML= document.getElementById('uname').value;
validation=false;
} else{
document.getElementById('uname').className = '';
}
return validation;
}.box {
border: 2px solid red;
}
#popup {
width:25%;
height:115px;
background-color: red;
margin-top:2% ;
margin-left: 60%;
color: black;
}<head>
</head>
<body>
<form method="post" name="Form" onsubmit="return validate()" action="" id="form_id">
<label>NAME:</label>
<input type="text" name="uname" id="uname" class="fields" >
<button type="submit" name="submit">SUBMIT</button>
<div id="popup"></div>
</form>
</body>问题是如果其他条件。内部html应该处于else条件
if ((a == null || a == "")||(!a.match(/^([a-zA-Z]{2,30})$/))) {
document.getElementById('uname').className = 'box';
validation=false;
} else{
document.getElementById('uname').className = '';
document.getElementById('popup').innerHTML= document.getElementById('uname').value;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句