您的位置:首页 > Web前端 > JavaScript

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

2017-11-30 17:37 281 查看
输入校验一般可以分为两种,一种是客户端校验,采用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的值,且不跳转。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js