<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Validate Form 02</title>
    <style>
        body {
            margin: 0 auto;
            padding: 0;
        }

        .ws-container {
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }

        form {
            width: 600px;
            height: auto;
            border: 1px solid black;
            box-sizing: border-box;
        }

        input {
            font-size: 18px;
            display: block;
            border-radius: 3px;
            height: 30px;
            width: 400px;
            margin: 5px;
            padding: 5px;
            border: 1px solid #9e9e9e;
        }

        input[type="submit"] {
            height: 50px;
            width: 100px;
            font-size: 20px;
            background-color: lightskyblue;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 3px;
            border: none;
        }

    </style>
</head>
<body>
<div class="ws-container">
    <form name="form" onsubmit="return validate()">
        Name: <input type="text" value="">
        Password: <input type="password" class="p1">
        Confirm: <input type="password" class="p2">
        E-mail: <input type="email" class="e-mail">
        Phone: <input type="tel">
        <input type="submit" value="Submit">
    </form>
</div>
<script type="application/javascript">
	"use strict";
	var validate = function () {

	};
</script>
</body>
</html><commit_msg>add index_02.html which shows the validate form 02<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Validate Form 02</title>
    <style>
        body {
            margin: 0 auto;
            padding: 0;
        }

        .ws-container {
            width: 1000px;
            margin: 20px auto;
            padding: 10px;
        }

        form {
            margin: 20px;
            padding: 10px;
            width: 600px;
            height: auto;
            /*border: 1px solid black;*/
            box-sizing: border-box;
            overflow: hidden;
        }

        label {
            font-size: 18px;
            text-transform: capitalize;
            display: inline-block;
            width: 100px;
            /*border: 1px solid black;*/
            text-align: right;
        }

        input {
            font-size: 18px;
            /*display: block;*/
            border-radius: 3px;
            height: 30px;
            width: 400px;
            margin: 5px;
            padding: 5px;
            border: 1px solid #9e9e9e;
        }

        input[type="submit"] {
            height: 50px;
            width: 100px;
            font-size: 20px;
            background-color: lightskyblue;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 3px;
            border: none;
            float: right;
        }

        .ws-mesg-focus, .ws-mesg-blur, .ws-mesg-correct, .ws-mesg-pw-notmatch, .ws-mesg-email-invalide {
            margin-left: 110px;
            margin-top: 0px;
        }

        .ws-mesg-focus {
            color: #cccccc;
        }

        .ws-mesg-blur, .ws-mesg-pw-notmatch, .ws-mesg-email-invalide {
            color: red;
        }

        .ws-mesg-correct {
            color: green;
        }

    </style>
</head>
<body>
<div class="ws-container">
    <form name="form" onsubmit="return validate()">

        <label>Name:</label> <input type="text" value="">
        <p class="ws-mesg-focus" style="display: none">必填，长度为4~16个字符</p>
        <p class="ws-mesg-blur" style="display: none">姓名不能为空且不能含有空格</p>
        <p class="ws-mesg-correct" style="display: none">名称格式正确</p>

        <label>Password:</label> <input type="password" class="p1">
        <p class="ws-mesg-focus" style="display: none">必填，input password</p>
        <p class="ws-mesg-blur" style="display: none">密码不能为空,不能用空格作为密码</p>
        <p class="ws-mesg-correct" style="display: none">密码可用</p>

        <label>Confirm:</label> <input type="password" class="p2">
        <p class="ws-mesg-focus" style="display: none">input password again</p>
        <p class="ws-mesg-blur" style="display: none">密码不能为空,不能用空格作为密码</p>
        <p class="ws-mesg-pw-notmatch" style="display: none">两次输入不一致，请重新输入密码</p>
        <p class="ws-mesg-correct" style="display: none">密码输入一致</p>

        <label>E-mail:</label> <input type="email" class="e-mail">
        <p class="ws-mesg-focus" style="display: none">必填，e-mail</p>
        <p class="ws-mesg-blur" style="display: none">邮箱不能为空，邮箱格式错误</p>
        <p class="ws-mesg-email-invalide" style="display: none">邮箱格式错误</p>
        <p class="ws-mesg-correct" style="display: none">邮箱格式正确</p>

        <label>Phone:</label> <input type="tel">
        <p class="ws-mesg-focus" style="display: none">必填，phone number</p>
        <p class="ws-mesg-blur" style="display: none">号码格式错误，请输入正确的11位号码</p>
        <p class="ws-mesg-correct" style="display: none">格式正确</p>
        <input type="submit" value="Submit">
    </form>
</div>
<script type="application/javascript">
    "use strict";
    var validate = function () {

    };
</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.1528941355674029, 'fraction_numerical': 0.020182787509520184, 'mean_word_length': 1.7823093220338984, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '362302', 'n_tokens_mistral': 1871, 'n_tokens_neox': 1783, 'n_words': 351}