1

我有一个 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 脚本。谁能告诉如何做到这一点?

4

2 回答 2

1

This sample is based on your example.

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;
     }
}

For a cleaner version, you can use jQuery. http://api.jquery.com/submit/

于 2013-08-19T11:11:27.790 回答
0

在你的 else 部分添加这一行

document.getElementById("frm").submit();
于 2013-08-19T11:02:17.540 回答