在play框架视图中调用javascript函数

时间:2014-05-07 12:32:15

标签: javascript view playframework-2.0

这是我的观点

 @helper.form(action = routes.UserController.submit(), 'class -> "form-horizontal", 'onsubmit -> "return validate();") {
    <fieldset>
        <legend>Account information</legend>


        @inputText(signupForm("firstName"),
        '_label -> "First name:",
        'class -> "form-control",
        '_help -> "Please enter your first name.",
        '_error -> signupForm.globalError
        )



        @inputText(signupForm("lastName"),
        '_label -> "Last name:",
        'class -> "form-control",
        '_help -> "Please enter your last name.",
        '_error -> signupForm.globalError

        )


        @inputText(signupForm("email"),
                    '_label -> "Email Address:",
                    'class -> "form-control",
                    '_help -> "Enter a valid email address.",
                    '_error -> signupForm.globalError)


        @inputPassword(signupForm("password"),
                        '_label -> "Password:",
                        'class -> "form-control",
                        '_help -> "A password must be at least 6 characters.")

    </fieldset>

    <div class="actions">
        <input type="submit" class="btn btn-primary" value="Sign Up">
        <a href="@routes.ApplicationController.index" class="btn">Cancel</a>
    </div>
<script type="text/javascript" charset="utf-8">
    function validate()
    {
    fname=signupForm.firstName.value;
    lname=signupForm.lastName.value;
    mail=signupForm.email.value;
    pass=signupForm.password.value;

    if( (fname.length<=0 )||(lname.length<=0)||( mail.length<=0)||(pass.length<=0) )
    {
    alert('Please fill all the fields');
    return false;
    }



    }
</script>


}

我只想在此表单上调用onsubmit上的javascript函数 有没有办法做到这一点? 还是在游戏中调用javascript函数的任何其他方式? 我试过这个链接http://www.playframework.com/documentation/2.1.1/JavaGuide6
但无法理解。 任何帮助将不胜感激

1 个答案:

答案 0 :(得分:1)

这种Scala语法只是创建HTML代码,在模板中使用JS没有任何反对意见

@helper.form(action = routes.UserController.submit(), 'class -> "form-horizontal" , 'onsubmit -> "return foo();") {
    ....
} 

<script type="text/javascript" charset="utf-8">
    function foo(){
        alert("bar");
        return false;
    }
</script>