使用JavaScript在jsp页面中进行表单验证

6tdlim6h 于 2022-12-16 发布在 Java

关注(0)|答案(2)|浏览(176)

我正在使用jsp为注册表格.我使用servlet为验证现有的用户名.我怎样能写客户端验证代码在javasript.我的注册表格是

<form action="Registration" method="post" name="registration" >
<table>
   <tr>
    <td>Name</td>
    <td>:<input type="text" name="name" value="" placeholder="Name"    
class="input_Name"></td>
</tr>
<tr>
    <td>Place</td>
    <td>:<input type="text" name="place" value="" placeholder="Place"    
class="input_Place"></td>
</tr>
<tr>
    <td>Gender</td>
    <td>:<input type="radio" value="male" name="gender">Male
    <input type="radio" value="female" name="gender">Female</td>
</tr>
<tr>
    <td>UserName</td>
    <td>:<input type="text" name="username" value="" placeholder="UserName" 
  class="input_UserName"></td>
</tr>
<tr>
    <td>Password</td>
    <td>:<input type="password" name="password" value="" placeholder="Password" 
 class="input_Password"></td>
</tr>
<tr>
    <td>Confirm sword</td>
    <td>:<input type="password" name="password" value="" placeholder="re-
 Password" class="input_re-Password"></td>
</tr>

<tr>
    <td></td>
    <td><input type="submit" value="submit" ></td>
</tr>
 </table>
 </form>

谢谢你。

jsp

来源：https://stackoverflow.com/questions/24203928/form-validation-in-jsp-page-using-javascript

2条答案

按热度按时间

u91tlkcl1#

处理这个问题的一个方法是这个代码：

<td>
    <input type="submit" value="submit" onclick='validate()'>
</td>

<script type="text/javascript">
    function validate() {
        var val = registration.password.value;
        if (val == null || val.trim() == "") {
            alert('Please enter password.');
            registration.password.focus();
            return false; // cancel submission
        } else {
            document.registration.submit(); // allow submit
        }
    }
</script>

如果密码字段具有值，则将执行提交，否则将取消提交并将焦点设置到密码字段。

赞(0）回复(0）举报 2022-12-16

2uluyalo2#

下面你使用javascript添加ID到html输入标签。你需要使用 AJAX 从客户端进行验证。
下面的代码可以帮助您
函数URL：验证用户名可用性的服务器端方法

var username = $('#username').val();
var password = $('#password').val();

$.get(FUNCTION_URL,{username : username,
                    password : password}{
   if(data.status){
       console.log("Username available");
   }else{
       console.log("Username Unavailable");
   }
});

赞(0）回复(0）举报 2022-12-16

我来回答

使用JavaScript在jsp页面中进行表单验证

2条答案

相关问题

热门标签

最新问答