0

ユーザー入力を受け取るための簡単なフォームがあります。ユーザーはそのフォームのフィールドに入力する必要があります。そうでない場合、javascriptはアラートメッセージを表示しますが、機能していません。フォームを空で送信してもアラートメッセージが表示されません。これが私のform.htmlです:

</style>
<script type="text/javascript">
function Validate(){
    if(document.simple_form.session.value == "" ||
    document.simple_form.hostname.value == "" ||
    document.simple_form.username.value == ""
    document.simple_form.password.value == "")
    {
        alert("Please fill out all fields before clicking Load!");
        return false;
    }
}
</script>

</head>


<body>

    <form action="." method="post" onsubmit="return Validate();" name="simple_form">
    {% csrf_token %}
        <fieldset>
            <legend>Session</legend>
                <label for="input-one" class="float"><strong>Session Name:</strong></label><br />
                <input class="inp-text" name="session" id="sess" type="text" size="30" /><br />

                <label for="input-two" class="float"><strong>RemoteHost:</strong></label><br />
                <input class="inp-text" name="hostname"  id="host" type="text" size="30" onblur="if(this.value=='') { this.value='ngs.pradhi.com:/upload' }" onfocus="if(this.value=='ngs.pradhi.com:/upload') { this.value='' }" value="ngs.pradhi.com:/upload" />

                <label for="input-three" class="float"><strong>Username:</strong></label><br />
                <input class="inp-text" name="username"  id="user" type="text" size="30" />

                <label for="input-four" class="float"><strong>Password:</strong></label><br />
                <input class="inp-text" name="password"  id="pass" type="password" size="30" />
        </fieldset>



    <p><input class="submit-button" type="submit" value="Load" /></p>
        <p><input class="save-button" type="reset"  name="cancel" value="Cancel" /></p>
    </form>

足りないものはありますか?

4

1 に答える 1

0

関数にファイナル||がありません。Validate()

ここに動作するjsfiddleがあります(いくつか追加しました</br>)。

于 2012-11-26T07:03:20.890 に答える