Question

我有一个HTML表单。当按下提交按钮时，将调用perl脚本并将表单数据提交给perl脚本。表单包含一个文本框和一个提交按钮。提交按钮还验证文本框是否包含某些值。如果它包含ot提交表单，则它会提醒消息。下面是示例代码：

<html>
        <head>
                <title>files move</title>

                <script type="text/javascript">

                  function check_filename()
                  {
                                if (!frm1.FileName.value)
                                {
                                        alert ("No File is selected to Move");
                                        return false;
                                }
                                else
                          {
                                        document.getElementById("btn_sbmt").disabled = 'true'
                                        return true;
                          }
                  }
                </script>
        </head>

    <body>

                <form id="frm1" name="frm1" action="/cgi-bin/sample_move.pl" method="GET">

            <input type="text" name="FileName" id="FileName">
                        <input type="submit" name="btn_sbmt" id="btn_sbmt" value="MOVE FILES" onclick="return check_filename();">

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

当我点击提交按钮时，我想首先检查文本框是否包含某些值。如果它包含然后我想调用perl脚本并禁用提交按钮以避免多次单击提交按钮。上面的代码检查文本框是否为空，如果它不为空，则它会禁用提交按钮，但它不会将表单提交给perl脚本。任何人都可以告诉你怎么做？

Answer 1

此示例基于您的示例。

function check_filename()
{
    if (!frm1.FileName.value)
    {
        alert ("No File is selected to Move");
        return false;
    }
    else
    {
        document.getElementById("btn_sbmt").disabled = 'true';
        document.getElementById("frm1").submit();
        return true;
     }
}

对于更干净的版本，您可以使用jQuery。 http://api.jquery.com/submit/

Answer 2

在你的其他部分添加此行

document.getElementById("frm").submit();

如何在单击时禁用提交按钮并将表单数据提交到perl脚本？

2 个答案: