index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">


        body {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #f5f5f5;
        }

        .form-signin {
            max-width: 600px;
            padding: 40px 40px 40px;
            margin: 0 auto 20px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
        }
        .form-signin .form-signin-heading,
        .form-signin .checkbox {
            text-align: center;
            font-size:26px;
            margin-bottom: 20px;
        }
        .form-signin input[type="text"],
        .form-signin input[type="password"] {
            font-size: 20px;
            text-align: center;
            height: 10px;
            margin-bottom: 20px;
            padding: 20px 9px 20px;
        }

        .error-msg {
            direction: ltr;
            background-color: #c41c26;
            border-radius: 2px;
            padding: 5px;
            margin-top: 16px;
            color: white;
        }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
</head>

<body>

<div class="container">
    <form class="form-signin" action="" method="post">
        <h4 class="form-signin-heading">Please enter the project name</h4>
        <input type="text" class="input-block-level" id="folder_name" name="foldername" placeholder="Project name" onkeyup="checkLanguage()" required>
        <input type="submit" class="btn btn-primary btn-block btn-md" value="Create">
        <input type="hidden" name="createFolder">
        <?php
        if (isset($_POST['createFolder'])) {
            $folder_name = $_POST['foldername'];
            if(!is_dir($_POST['foldername'])) {
                mkdir($_POST['foldername']);
                $FileName = "inf.txt";
                $FileHandle = fopen($_POST['foldername'] . "/" . $FileName, 'a') or die("can't open file");
                $stringData = $_POST['foldername'] . "\r\n";
                fwrite($FileHandle, $stringData);
                fclose($FileHandle);
                header("Location: upload.php?foldername=$folder_name");
                exit();
            }else{
                header("refresh: index.php");
                echo "<p class=\"error-msg\">Sorry ,the directory " ."\"" . $folder_name ."\"" . " already exists.</p>";
            }
        }
        ?>
    </form>

</div> <!-- /container -->


<script type="text/javascript">

        function checkLanguage() {
            // A-Z : 65 - 90 , a-z : 97 - 122
            var reg = new RegExp('[a-zA-Z]');
            if(reg.test(event.key)){
                return;
            }
            else {
                document.getElementById('folder_name').value = "";
                alert ("زبان صفحه کلید بایدانگلیسی باشد.");
            }
        }

</script>

</body>
</html>