if条件下的javascript表单validation_error

标签 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条件没有执行。这个问题需要使用 Controller 类来解决吗?请在这件事上帮助我。

谢谢。

最佳答案

我认为您在那里添加了 :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>

关于if条件下的javascript表单validation_error,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48781257/

相关文章:

java - 在 Controller 返回中返回 Callable 结果有什么用?

javascript - 缓冲代码和非缓冲代码有什么区别?

php - 在验证规则中使用多个 required_if

spring - 使用 spring security 存储登录用户的附加详细信息

javascript - 是否可以为我站点上的所有 jQuery 验证使用站点范围的默认设置?

php - Phalcon 框架中的表单元素验证(检查元素是否存在)

java - wildfly 9.0.0 读写方法之间的类型不匹配

javascript - 数组文字还是字符串分割?

javascript - 使用带有按钮的javascript来更改文本的颜色(列表)

javascript - 使用 call 方法显式调用的自执行函数