Javascript 文本框的默认值在键入不同的值后未更改_Javascript_Html

Javascript 文本框的默认值在键入不同的值后未更改

javascript html

Javascript 文本框的默认值在键入不同的值后未更改,javascript,html,Javascript,Html,在查询字符串从中传递的值之后，我将默认值分配给textbox previos网页看起来是这样的： <form method="post" name="create" onsubmit="return checkPercentValue()" style="font-size: medium; margin-top: 10%" dir="rtl" > <input type="text" size="5px" id="stocksPercents" name="stocksP

在查询字符串从中传递的值之后，我将默认值分配给textbox previos网页

看起来是这样的：

<form method="post" name="create" onsubmit="return checkPercentValue()" style="font-size: medium; margin-top: 10%" dir="rtl" >
<input type="text" size="5px"  id="stocksPercents" name="stocksPercents" value="@stocks">
</form>

我看到值始终保持默认值……即使我在之前的文本框

所以我想问题是在文本框中输入值无法更改默认值就这样

解决这个问题的办法是什么

谢谢…

更换这个

var value = parseInt(document.getElementById("stocksPercents").getAttribute("value"));

与

<>这将修复您的问题。

您可能还想考虑使用jQuery。语法更简单，输入时间更短，并且跨浏览器兼容（也就是说，您不必担心b/c jQuery为您提供了这方面的保证）

以下是您在jQuery中的代码：

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
        function checkPercentValue() {
            var value = parseInt($("#stocksPercents").val());
            if (value > 100 || value < 0) {
alert('I am GREATER');
                window.alert("please insert value between 0 - 100");
                return false;
            }
            else {
alert('I am LESS');
                return true;
            }

        }
        $(document).ready(function() {
            $('#stocksPercents').blur(function() {
                checkPercentValue();
//              alert('Yo!');
            });
        });
        </script>    
</head>
<body>

<form method="post" name="create" onsubmit="return checkPercentValue()" dir="rtl" >
    <input type="text" size="5px"  id="stocksPercents" name="stocksPercents" value="@stocks">
</form> 


</body></html>


函数checkPercentValue（）{
var value=parseInt（$（“#stocksPercents”）.val（）；
如果（值>100 | |值<0）{
警惕（“我更伟大”）；
警告（“请插入0-100之间的值”）；
返回false；
}
否则{
警惕（“我少了”）；
返回true；
}
}
$（文档）.ready（函数（）{
$（'#stocksPercents'）.blur（函数（）{
checkPercentValue（）；
//警惕（“哟！”）；
});
});

var value = parseInt(document.getElementById("stocksPercents").getAttribute("value"));

var value = parseInt(document.getElementById("stocksPercents").value);

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
        function checkPercentValue() {
            var value = parseInt($("#stocksPercents").val());
            if (value > 100 || value < 0) {
alert('I am GREATER');
                window.alert("please insert value between 0 - 100");
                return false;
            }
            else {
alert('I am LESS');
                return true;
            }

        }
        $(document).ready(function() {
            $('#stocksPercents').blur(function() {
                checkPercentValue();
//              alert('Yo!');
            });
        });
        </script>    
</head>
<body>

<form method="post" name="create" onsubmit="return checkPercentValue()" dir="rtl" >
    <input type="text" size="5px"  id="stocksPercents" name="stocksPercents" value="@stocks">
</form> 


</body></html>