-1

私のコードは次のとおりです。

<!doctype html>
<html lang="en">
<head>
<title>Testing the textarea</title>
<style type="text/css"></style>
<script type="text/javascript" src="validation.js"></script>
</head>
<body>
<div id="wrapper">
<span id="error_box" style="display:none;"></span>
<form name="storyTeller" method="get" action="#" onSubmit="return validateForm()">
<p class="title">
<label for="title">TITLE:</label>
<input type="text" id="title" name="title" required onBlur="validateTitle(title)"/>
</p>
<textarea name="entry" id="entry" rows="10" cols="45" onBlur="validateEntry(entry)">
</textarea>
<input type="submit" value="submit" />
</form>
</div>
</body>
</html>

validation.js の内容:

function validateTitle(title){/*validating the title*/
if (isNaN(document.getElementById('title').value)){
document.getElementById('title').style.background="#ccffcc";
document.getElementById('error_box').style.display="none";
return true;
}
else{
document.getElementById('error_box').innerHTML='Please enter a valid title';
document.getElementById('error_box').style.display="block";
document.getElementById('title').style.background="red";
return false;
}
}
function validateEntry(entry){/*validating the entry*/
var x=document.getElementById('entry').value;
x = x.trim();
if((x=="")||(x==null)){
document.getElementById('entry').style.background="red";
document.getElementById('error_box').innerHTML = 'Where is your story';
document.getElementById('error_box').style.display="block";
return false;
}
else{
document.getElementById('entry').style.background="#ccffcc";
document.getElementById('error_box').innerHTML='';
document.getELementById('error_box').style.display="none";
return true;
}
}
function validateForm(){/*validating the form*/
var error = 0;
if(!validateTitle('title')){
document.getElementById('error_box').style.display="block";
error++;
}
if(!validateEntry('entry')){
document.getElementById('error_box').style.display="block";
error++;
}
if(error > 0){
return false;
}
}
4

3 に答える 3

0

送信ボタンを通常のボタンとして作成します。クリックして最終検証関数を呼び出すと、関数の最後で、すべてが正しい場合は手動でフォームを送信する必要があります

例 ：

<script>
function val(){
    if(document.getElementById('tb').value != "")
    document.getElementById('frm').submit();
    else alert('fill the text field');
}
</script>
<form id="frm" action="#">
    <input type="text" id="tb"/>
    <input type="button" id="btn" value="submit" onclick="val()"/>
</form>
于 2013-06-16T06:57:40.967 に答える
0

関数 validateEntry() のスクリプトにエラーがあります

行を変更:

document.getELementById('error_box').style.display="none";

行に:

document.getElementById('error_box').style.display="none";

于 2013-06-16T07:22:05.117 に答える