输入校验一(js实现用户名校验)

来源:互联网 发布:bp神经网络 遗传算法 编辑:程序博客网 时间:2024/06/05 20:30

输入校验一般可以分为两种,一种是客户端校验,采用js在提交表单前进行校验反馈;另一种是在服务器端进行校验,下一节会记录struts2中的输入校验。

要实js对表单内容进行校验,这里采用<input type="submit"/>的方式,这种方式可以在from标签中设置onsubmit,通过return false或true来控制是否进行下一步提交动作。

jsp页面中表单部分如下:

<form action="login" method="POST" id="form" onsubmit="return submitValidate(this)">
<div class="inputText"><span>用户名: </span>
<input type="text" name="username" id="username" class="username"></div> 

<input type="button" onclick="formSubmit()" value="提交">

</form>


js部分如下:

function submitValidate(from){
  var username=form.username.value;   //获取传递过来的form中的“name=username"的输入内容
  var errorMsg="用户名不能为空";
  if(username==null || username==""){
  alert(errorMsg);
  return false;
  }else{
  return true;
  }

这里只校验了是否为空的情况,如果为空,则弹出提示框,内容为errorMsg的值,且不跳转。


原创粉丝点击