当文件未被选择时禁用提交按钮

Question

当文件未被选择时禁用提交按钮

4

我正在尝试禁用提交按钮，当没有选择文件时，根据网上的一个工作解决方案。这与脚本类型有关吗？

<html>
        <head>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
            $(document).ready(
    function(){
        $('input:submit').attr('disabled',true);
        $('input:file').change(
            function(){
                if ($(this).val()){
                    $('input:submit').removeAttr('disabled'); 
                }
                else {
                    $('input:submit').attr('disabled',true);
                }
            });
    });
        </script>
</head>

<body>
   <form action="#" method="post">

            <input type="file" name="fileInput" id="fileInput" />
            <input type="submit" value="submit" disabled />


       </form>
</body>
</html>

- Eddy

2

你是否已经包含了jQuery库？ - Ian Brindley

2

你的代码运行良好 - http://jsfiddle.net/fUvvb/。但是你在这里没有包含jQuery库。 - dsgriffin

嗨，当您选择一个文件时，实际上会发生什么？您希望按钮仅在按下按钮或确实选择文件时才启用吗？ - Jaay

2个回答

0

在 <head> 中引入 jQuery 库。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

- Ian Brindley

谢谢你的帮助。我已经编辑了JavaScript部分。然而，它仍然无法正常工作。 - Eddy

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mirko Cianfarani · Accepted Answer

由于Jquery未包含在内，因此请尝试使用声明的Jquery：

  <html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.js"></script>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 


            <script type="text/javascript">
                $(document).ready(
        function(){
            $('input:submit').attr('disabled',true);
            $('input:file').change(
                function(){
                    if ($(this).val()){
                        $('input:submit').removeAttr('disabled'); 
                    }
                    else {
                        $('input:submit').attr('disabled',true);
                    }
                });
        });
            </script>
    </head>

    <body>
       <form action="#" method="post">

                <input type="file" name="fileInput" id="fileInput" />
                <input type="submit" value="submit" disabled />


           </form>
    </body>
    </html>