输入校验一(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对表单内容进行校验,这里采用<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实现用户名,密码正则表达式的校验
- js实现用户名和密码的校验
- 用js实现输入提示(自动完成)
- Js实现限制文本框只能输入字母或数字的方法总结
- js 小功能 实现可选可输入的功能
- js函数实现输入格式的控制
- jquery+jsp+servlet+ajax实现注册功能,ajax校验用户名、验证码等(转自他人)
- struts2使用validate方法来实现对表单输入数据的校验操作
- JS实现简单的登录界面(不连接数据库,把用户名密码写死)
- 使用jquery-validationEngine框架,4步实现前端JS校验
- 【JS】:JS实现的一个网页输入然后输出加和的网页
- Struts2基于XML配置文件实现输入校验
- 力所能及之springmvc+ajax+jquery+json实现登录异步校验用户名是否存在
- js实现的文章输入检查与测速。(纯js版本)
- js实现图片文件校验,验证上传的文件是图片和其后缀名,大小
- 原生js实现密码输入框值的显示隐藏
- 【JS】:JS实现判断输入字符串是否合乎邮箱格式
- js实现编辑框用户名 密码 日期选择 按钮提交特效代码
- js实现还可输入多少个字
- 使用jquery.validate.js实现boostrap3的校验和验证