【问题标题】:How to use multiple form actions like input validation and input submission to servlet fron single form?如何使用多个表单操作,例如输入验证和从单个表单向 servlet 提交输入?
【发布时间】:2016-08-22 06:53:37
【问题描述】:
 <script>
    function validateForm() 
    {
        var id = document.forms["myForm"]["id"].value;    
        if ( id % 1 != 0 )
        {
            alert("Id must be number");
            return false;
        }
        var name = document.forms["myForm"]["name"].value;
        if ( name % 1 == 0 )
        {
            alert("Name must be in alphabets");
            return false;
        }
        var age = document.forms["myForm"]["age"].value;
        if ( age % 1 != 0 )
        {
            alert("Id must be number");
            return false;
        }
        var place = document.forms["myForm"]["place"].value;
        if ( place % 1 == 0 )
        {
            alert("place must be in alphabets");
            return false;
        }
        var choice = document.forms["myForm"]["choice"].value;
        if (choice % 1 != 0)
        {
            alert("Choice must be number");
            return false;
        }
    }
    </script>
    </head>
    <body>

    <form  action="ui" name="myform" onsubmit="return validateForm()" method="get">
    <h2><p align="center"><b>User Management System</b></p></h2><br>
    <b>
    User ID : 
    <input type="text" name="id" required>  

    User Age : 
    <input type="text" name="age" required>  

    User Name :  
    <input type="text" name="name" required>  

    User Place :  
    <input type="text" name="place" required>   

    Enter your choice: 
    <input type="text" name="choice" required> 

    <input type="submit" value="Submit">
    </b>
    </form><b>

我想使用 Java 脚本验证来自用户的输入,并且还想通过这个表单将输入提交给名为“ui”的 servlet 名称。但是没有进行验证。谁能指导我从一个表单中执行这两个操作?

【问题讨论】:

    标签: javascript html forms jsp servlets


    【解决方案1】:

    有一点拼写错误。

    <form  action="ui" name="myform" onsubmit="return validateForm()" method="get">
    

    在上面的行中更改myform to myForm,它将起作用。

    【讨论】:

    • 感谢您的宝贵回答。现在它正在工作
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-10-12
    • 2020-09-02
    • 2017-04-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-28
    相关资源
    最近更新 更多