1
フォームを送信した後にdivに入力フィールド値を表示しようとしていますが、できません。
私は間違っていますか？
誰かが私を助けることができますか？入力フィールドの値を取得し、javascriptを使用して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>
作品でなければなりません：http://output.jsbin.com/fujacuh –
コードだけで正常に動作します。私はそれにも何の問題も見ません。 –
これは奇妙な形式です。検証に失敗した場合はポストしますが、成功した場合はポストしません。 – Pete