我应该使用哪种方法来禁用按钮

时间:2017-11-03 12:31:10

标签: javascript php wordpress

这是用于数字验证的JS代码,当数字长度等于9或10按钮被禁用时它只有在我通过“keyup”方法写入输入表单时才有效。在我编写的脚本开始时应该禁用按钮但它不起作用,当我进入网站时启用它。

 add_shortcode('custom_js_for_cf7','custom_js_for_cf7');
       function custom_js_for_cf7($args){
       return 
      <script>
      document.getElementById("przycisk").disabled = true;
      document.getElementById("numertel").addEventListener("keyup", 
      function() {
          var numerlength = this.value.length;
          if (numerlength == 10 || numerlength == 9)
            document.getElementById("przycisk").disabled = false;
          else
            document.getElementById("przycisk").disabled = true;
        });
        </script>
        ';
        }

当我进入网站时,我应该使用哪种方法来禁用按钮?我尝试了加载和加载,但它也不起作用。

4 个答案:

答案 0 :(得分:2)

  

我写的比按钮应该被禁用但它不起作用,他是   我进入网站时启用。

将禁用部分放入DOMContentLoaded的{​​{1}} 事件监听器

document

答案 1 :(得分:0)

您必须为元素提供属性“已禁用” 。请看以下链接,这是一个类似的问题:

document.getElementById('btnid').disabled is not working in firefox and chrome

答案 2 :(得分:0)

我做了类似的事

add_shortcode('custom_js_for_cf7','custom_js_for_cf7');
function custom_js_for_cf7($args){
return '
<script>
document.addEventListener('DOMContentLoaded', function() {
document.getElementById("przycisk").disabled = true;
});
document.getElementById("numertel").addEventListener("keyup", function() {
  var numerlength = this.value.length;
  if (numerlength>8 && numerlength<16)
    document.getElementById("przycisk").disabled = false;
  else
    document.getElementById("przycisk").disabled = true;
});

</script>
';
}

它打破了我的网站,500错误,所以我从ftp.Any建议中删除了这一行?

答案 3 :(得分:0)

  

我写的比按钮应该被禁用但它不起作用

使用纯HTML禁用按钮

obj.remote.origin.push("tagname")