获取文本输入框的默认值

最新推荐文章于 2024-03-07 14:37:48 发布

loetca

最新推荐文章于 2024-03-07 14:37:48 发布

阅读量2.1k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 文本框默认值

本文链接：https://blog.csdn.net/adsl624153/article/details/72804383

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

方法

通过调用defaultValue属性

input输入框对象【DOM对象】.defaultValue

示例

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <title>获取输入框的默认值</title>

        <script type="text/javascript">
          window.onload = function(){
            // 获取输入框
            var txtEle = document.getElementById("txt");

            // 只能输入1位的数字
            var regexp = /^[0-9]{1}$/;

            // 用变量接收默认值
            var defVal = this.defaultValue;

            // 输入框内容被改变事件
            txtEle.onchange = function(){

              var testResult = regexp.test(this.value);
              // 不匹配正则
              if (!testResult) {
                // 当第一次输入错误时，设置为空串
                if (undefined == defVal) {
                  defVal = "";
                }

                this.value = defVal;
                alert("只能输入1位的数字！");
              } else {
                // 输入正确，就保存到变量
                defVal = this.value;
              }
            };

          };
        </script>
    </head>
    <body>
        <input type="text" value="" id="txt" />【只能输入1位的数字！】
    </body>
</html>