输入校验一(js实现用户名校验)
输入校验一般可以分为两种,一种是客户端校验,采用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验证用户名密码大全。