jsp页面
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.james.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$('#name').blur(function (){ //写为blur事件,输入用户名在失去焦点的时候进行验证
var params=$('input').serialize(); //序列化表单的值,与prototype中的form.serialize()相同
$.ajax({
url :'json.action', //后台处理程序
type:'post', //数据发送方式
dataType:'json', //接受数据格式
data:params, //要传递的数据
success:update_page //回传函数(这里是函数名)
});
});
});
function update_page (json) { //回传函数实体,参数为XMLhttpRequest.responseText
var str=json.message+"<br />";
$("#result").html(str);
}
</script>
<div id="result" ></div><hr/>
<s:form action="logon.action" method="post">
<s:textfield id="name" name="user.user_Code" label="name"/>
<s:password id="password" name="user.user_Pass" label="password"/>
<s:submit id="submit"/>
</s:form>
action中
private String message;
public String getMessage() {
return message;
}
public void setMessage(String message) {
this.message = message;
}
public String json() throws IOException {
if(userDao.isExiteByCode(user.getUser_Code())&&user.getUser_Code()!=null){//判断数据库中是否存在该用户名
message="用户名正确";
}
else
{
message="用户名错误";
}
return SUCCESS;
}
struts.xml
<package name="s" extends="json-default">
<action name="json" class="logonAction" method="json">
<result type="json"/>
</action>
</package>
同理可验证表单其他信息。
分享到:
相关推荐
功能介绍:jQuery多功能注册表单验证插件代码,能够验证几乎所有字段,让你自定义错误提示的长度,提示内容,提示字体颜色,还能与php动态验证手机号或者用户名在数据库是否存在,还能验证身份证是否输入正确,还能配合短信...
Ajax+Json——表单验证 系统登录用户: 学生用户(学号+密码+验证码) 教师用户(教师编号+密码+验证码) 管理员用户(姓名+密码+验证码) 学生登录用户: 成绩查询 修改登录密码 教师登录用户: 成绩添加 成绩...
表单数据一般都通过浏览器端的Javascript 验证。浏览器端的验证速度快,若有不符合要求的输入,响应信息快速的返回给用户。由于验证数据不需要提交给服务器,不会加重服务器的负载。
自己写的一个练习,基于jquery的表单验证控件,主要功能都有,但不很完整. 用法是在需要验证的input标签里加 validate 属性,内容是JSON格式的 比较简单,大家有需要可以拿去免费送,欢迎评论. 这个链接有图片效果和主要...
baigoValidator是一款jQuery表单验证插件。文件结构:1.baigoValidator.js 验证插件2.baigoValidator.min.js 验证插件压缩版3.baigoValidator.css CSS 样式4.status_x.png 验证失败时的图标5.status_y.png 验证成功...
6.jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮 7.jQuery鼠标移到下载地址滑出气泡提示效果的插件 8.又一款jquery实现链接Tip演示下载 9.常用jQuery弹出式链接提示效果Tooltip...
常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息。本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。 效果展示 源码下载 HTML 由于本...
Ajax+Json——表单验证 用户角色: 学生用户(学号+密码+验证码){成绩查询 修改登录密码} 教师用户(教师编号+密码+验证码){成绩添加 成绩修改 成绩删除 成绩查看、分析 修改登录密码 } 管理员用户(姓名+密码+...
可以在拖曳模式下使用:属性网格(当前实现)/常规形式(路线图)。 易于自定义CSS。 支持的输入:text / checkbox / textarea / html / color / date / number / radio / select。 验证支持。 用于描述输入的...
该表单能实现登录时对姓名及密码的验证功能,验证是不会涉及到页面的刷新过程,美观实用!
详细介绍了,通过Json生成form表单,以及验证。
代码如下:(function($){ $.fn.serializeObject=function(){ var inputs=$(this).find(“input,textarea,select”); var o = {}; $.each(inputs,function(i,n){ switch(n.nodeName.toUpperCase()){ case ...
提供表单验证功能 使用子对象处理集合(数组) 通过将json(二进制文件)转换为数据url来处理它们 提供仅使用html标记来处理数组操作(添加新条目/删除条目)的辅助方法 可以与自动完成功能结合使用以添加新的数组...
JSON模式组件该JavaScript库将根据给定的生成表单, 用(隐藏的)文本区域中包含的JSON数据结构填充表单, 将对表单的更改同步到数据结构,以及如果数据结构无法根据架构进行验证,则以表格形式显示验证错误。...
使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤选择器 使用jQuery内容过滤选择器 使用jQuery可见性过滤...
jQuery表单验证组件 jquery-form-validate是在电台管理端开发过程中,对比了的一些设计思想写的一个简化版表单验证组件。相对于jQuery Validate Plugin压缩后21kb的大小,jquery-form-validate在使用UglifyJS压缩后...
《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。 《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...
6.1.3 jQuery中的全局函数getJSON()/164 6.1.4 jQuery中的全局函数getScript()/166 6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 6.2.2 $.post()请求数据/172 6.2.3...
validate.js是一款强大的纯javascript表单验证插件。该表单验证插件提供跨框架和跨语言的数据验证方式,验证条件可以写在JSON数据中,被服务器和客户端共享。它支持日期时间的验证,并提供自定义的验证接口。
这个包不再维护。 查看的相同功能和更多功能: Laravel 4 和 Laravel 5 支持 ...在 composer.json 中需要bllim/laravel-to-jquery-validation并运行composer update 。 { "require": { "laravel/framework":