Question

嘿伙计们多年没做过java，发现我失去了大部分学到的东西。

尝试检查已选择Personal Best且值在1到1000之间

一直在拉我的头发，希望你们能告诉我哪里出错了，所以我可以自己编码其他价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-gb" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
.auto-style1 {
    width: 84%;
    height: 156px;
}
.auto-style3 {
    width: 286px;
}
.auto-style4 {
    width: 151px;
}
.auto-style5 {
    width: 123px;
}
</style>
<script type='text/javascript'>
function valueNumeric(){
var valueResult
var valuetaId=document.forms["myForm"]["Value"].value;
    var numericExpression = /^[0-9]+$/;
    if(valuetaId.match(numericExpression))
        {
        valuetaId = parseFloat(valuetaId)
        if((valuetaId >= 1 ) ||(valuetaId <= 1000 ))
            {
            valueResult = ("Valid");
            document.getElementById("vl").innerHTML=valueResult;            }
        else
            {
            valueResult = ("Please enter calue between 1 and 1000");
            document.getElementById("vl").innerHTML=valueResult;
            }
    }else{
        valueResult = ("Please enter calue between 1 and 1000");
        document.getElementById("vl").innerHTML=valueResult;
    }
}
function personalbest(selection)
{
var rundataResult;
var rundataId=document.forms["myForm"]["personalbest"].value;
    if(rundataId == "Please Choose")
    {
    rundataResult = ("Please choose a value.");
    document.getElementById("pb").innerHTML=rundataResult;
    }
else{
    rundataResult = ("valid");
    document.getElementById("pb").innerHTML=rundataResult;
    }
}
</script>
</head>

<body>

<form name="myForm" action="" method="post">
    <br />
    <table class="auto-style1">
        <tr>
            <td class="auto-style4">Value 1 to 1000</td>
            <td class="auto-style5"><input name="Value" type="text" onblur="valueNumeric" /></td>
            <td class="auto-style3">
            <p id="vl">Please enter calue between 1 and 1000</p>
            </td>
        </tr>
        <tr>
            <td class="auto-style4">Date YY-MM-DD</td>
            <td class="auto-style5"><input name="Date" type="text" /></td>
            <td class="auto-style3">
            <p>Please enter a date.</p>
            </td>
        </tr>
        <tr>
            <td class="auto-style4">Time HH-MM-SS</td>
            <td class="auto-style5"><input name="Timme" type="text" /></td>
            <td class="auto-style3">
            <p>Please enter your time.</p>
            </td>
        </tr>
        <tr>
            <td class="auto-style4">Grade % i.e. 74.56</td>
            <td class="auto-style5"><input name="Grade" type="text" /></td>
            <td class="auto-style3">
            <p style="width: 394px">Pease enter your grade as a % with 2 decimal 
            places</p>
            </td>
        </tr>
        <tr>
            <td class="auto-style4">Personal Best</td>
            <td class="auto-style5"><select name="personalbest" onchange="personalbest('selection')">
            <option selected="selected">Please Choose</option>
            <option value="1">Yes</option>
            <option value="0">No</option>
            </select></td>
            <td class="auto-style3">
            <p id="pb">Please choose a value.</p>
            </td>
        </tr>
    </table>
</form>

</body>

</html>

Answer 1

您没有致电valueNumeric使用onblur="valueNumeric()"来通知()

同样if((valuetaId >= 1 ) ||(valuetaId <= 1000 ))将为任何值评估为true，使用if((valuetaId >= 1 ) && (valuetaId <= 1000 ))为1到1000之间的范围

此外，与personalbest元素名称和函数存在冲突，因此将函数名称更改为personalBest

FIDDLE

表格数据未经验证

1 个答案: