if条件下的javascript表单validation_error

时间:2018-02-14 06:50:55

标签: javascript validation spring-mvc

我在Spring MVC中有我的表单,我也需要应用java脚本验证。代码如下。

function validate_form() {
  valid = true;
  var fname = document.myform.firstname.value;

  if (fname == "") {
    document.getElementById('fname_error').innerHTML = "enter the first name";
    valid = false;
  }

  return valid;
}
<html>

<head></head>

<body>

  <form:form action="done" method="post" modelAttribute="student" name="myform" onsubmit="return validate_form()">

    <p>First name:</p>
    <form:input type="text" path="firstname" name="firstname" />
    <p id="fname_error"></p>

    <input type="submit" value="Sumbit">

  </form:form>

</body>

</html>

此处执行java脚本代码,但不执行if条件。是否需要使用控制器类解决此问题?请帮我解决这个问题。

谢谢。

1 个答案:

答案 0 :(得分:1)

我认为你在那里添加了:form,这是不必要的。

以下是正在运行的代码:

<html>
<head></head>

<body>

<form action="done" method="post"  modelAttribute="student" name="myform" onsubmit="return validate_form()">

        <p>First name:</p>
    <input type="text" path="firstname" name="firstname" />
        <p id="fname_error"></p>


    <input type="submit" value="Sumbit" >

</form>

<script type="text/javascript">
    function validate_form(){
        valid = true;
        var fname = document.myform.firstname.value;

      if(fname == ""){
            document.getElementById('fname_error').innerHTML = "enter the first name";
            valid = false;
        }

        return valid;

    }

</script>
</body>
</html>