07/06/16 14:36:03
>>74 ちょっと書いてみた。設計方針次第できれいに書けると思う。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function check_number(fname, ename) {
var e = document.forms[fname].elements[ename];
if(!e.value.match(/^[0-9]+$/)) { e.style.background = 'pink'; return false; }
e.style.background = 'white'; return true;
}
function check_nonempty(fname, ename) {
var e = document.forms[fname].elements[ename];
if(e.value == '') { e.style.background = 'pink'; return false; }
e.style.background = 'white'; return true;
}
function check() {
var result = true;
if(!check_number('f0', 't0')) result = false;
if(!check_nonempty('f0', 't1')) result = false;
return result;
}
</script>
</head><body>
<form name="f0" action="#" onsubmit="return check()"><div>
数字のみの欄: <input name="t0" type="text"><br>
空でない欄: <input name="t1" type="text"><br>
<input type="submit"></div></form>
</body></html>