简体   繁体   English

简单的JavaScript表单验证在Django中不起作用?

[英]Simple javascript form validation not working in Django?

I have a simple form to take user input. 我有一个简单的表格来接受用户输入。 User must fill very fields in that form. 用户必须在该表格中填写非常多的字段。 If they don't, javascript gives the alert message but it's not working. 如果没有,则javascript会发出警报消息,但它不起作用。 I am not getting alert message if I submit the form empty. 如果我将表单提交为空,则不会收到警报消息。 Here's my form.html: 这是我的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>

Is there something I am missing? 我有什么想念的吗?

You're missing a final || 您错过了决赛|| in your Validate() function. 在您的Validate()函数中。

I've got a working jsfiddle here (I added a couple of </br> 's too). 我在这里有一个工作的jsfiddle(我也添加了几个</br> )。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM