Question

我正在使用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>

谢谢..

Answer 1

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

<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>

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

Answer 2

下面你使用javascript添加ID到html输入标签。你需要使用 AJAX从客户端进行验证。

以下代码可以帮助您

FUNCTION_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");
   }
});

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

2 个答案: