验证javascript中的百分比

时间:2015-05-24 14:30:50

标签: javascript html validation

我似乎无法验证百分比。 需要你帮我解决一下!

 function validate()
    {
       s
   if( document.myForm.outputPercentage.value <= 0||>=100

   {
     alert( "Please the correct percentage." );
     document.myForm.outputPercentage.focus() ;
     return false;



<form name="myForm"  onsubmit="return(validate());">

Last output percentage: <input type"text" name="outputPercentage" id="outputPercentage" />&<br/><br/>


<input type="submit" value="Submit" />

1 个答案:

答案 0 :(得分:0)

我已修正您的代码,以便它可以正常运行:

<html>
<head>
    <script type="text/javascript">
        function validate() {
            var outputPercentageString = document.myForm.outputPercentage.value;
            var outputPercentage = parseInt(outputPercentageString);
            if (outputPercentage <= 0 || outputPercentage >= 100) {
                alert("Please the correct percentage.");
                document.myForm.outputPercentage.focus();
                return false;
            }
        }
    </script>
</head>
<body>

    <form name="myForm"  onsubmit="return(validate());">

        Last output percentage: <input type="text" name="outputPercentage" id="outputPercentage" />%
        <br/><br/>


        <input type="submit" value="Submit" />
    </form>
</body>

</html>
  1. 删除&#39;&#39;一切都在靠自己。
  2. 网页上的所有内容都是字符串,因此要将百分比与数字进行比较,您必须使用parseInt将其转换为数字。
  3. type"text"应为type="text"
  4. 如果您打开括号{,则必须在之后关闭}
  5. 将javascript放入页面<script>元素中的<head>标记
  6. 我已将所有内容都放入<html>个元素中。
  7. 了解getElementById()的作用。每个人都使用id来获取对网页元素的引用而不是名称。
  8. 希望这有帮助。