- 浏览: 208137 次
- 性别:
- 来自: 绍兴
文章分类
最新评论
-
112703013:
你好, 想问个问题 就是我这边上传一个zip文件 大概有100 ...
rails文件上传下载和删除 . -
chen_miao:
qplovechinese 写道 很好!
3q
simple jQuery date-picker plugin 使用 -
qplovechinese:
很好!
simple jQuery date-picker plugin 使用
写一个简单ajax登录和注册方法,缩简写法
以注册为例!!!请看注意点
四步:1 ruby 表单提交,2 controller ajax验证方法,3 jquery ajax 验证,4 ruby 表单提交
1 ruby 表单提交
假设有以下ruby 表单 注册提交
<%form_for :client_user,:url => {:controller=>'new',:action => 'regirest' },:html=>{:id=>'regirest_up'} do |f|%> <div id="regirest_pop" class="login_pop" style="display: none;"> <table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="60" align="right"> 邮箱: </td> <td> <%=f.text_field :email,:class=>"txt txt_mail error_u_mail",:id=>"u_mail"%> </td> </tr> <tr> <td width="60" align="right"> 昵称: </td> <td> <%=f.text_field :nickname,:class=>"txt txt_name error_u_username",:id=>"u_username"%> </td> </tr> <tr> <td width="60" align="right"> 密码: </td> <td> <%=f.password_field :password,:class=>"txt txt_name error_u_password",:id=>"u_password"%> </td> </tr> <tr> <td width="60" align="right">确认密码:</td> <td> <input id="u_pwd" class="txt txt_pwd2 error_u_password2" type="password" name="u_password2"></td> </td> </td> </tr> <tr> <td> </td> <td> <input type="checkbox" id="t_auto" name="t_auto" value="1"> <a href="#">同意淘价相关协议条款</a> </td> </tr> <tr> <td> </td> <td> <%=button_to_function '注册',:class=>"btn_registered",:id=>"miniregirest_submit"%> </td> </tr> </tbody> </table> <a class="btn_close" onclick="return false" href="javascript:;" id='regirest_close'>关闭</a> </div> <%end%>
注意:表单ID 为了提单表时,所需要。
注册按钮写法: 当为button,或是submit 时,html 页面显示都为submint型按钮,在点击后,表单一定会提交,所要写成 button_to_function 或是 html 中的button,这样可以让表单不提交。当 ajax 不提交表单时。
二 controller 方法
#ajax 注册email验证 def ajax_valid_email if params[:email] client_user=ClientUser.find(:all,:conditions=>["email= ?",params[:email]]) if client_user.size==0 render :text=>"true" else render :text=>"false" #render:text=>"false" and return false 为了此句后方法不执行 end else render :text=>"false" end end
注意:ruby传给页面参数只有 render 或 redirect_to ,在IE,使用xml传递时,与其它的浏览器xml不同。
3 jquery ajax验证
$('#miniregirest_submit').click(function(){ if($("#u_mail").val().length<3){ alert("邮箱格式不正确"); return false; } if($j("#u_username").val()==""){ alert("昵称不为空"); return false; } if($("#u_password").val()==""){ alert("密码不能为空"); return false; } if($("#u_password").val()!=$("#u_pwd").val()){ alert("密码不一至"); return false; } $.ajax({ type: 'POST', //请求方式 url: "/new/ajax_valid_email", //验证方法地址,这里是 验证email是否重用 data: {email: $("#u_mail").val()}, //传给url方法参数,格式化: 参数名:参数值,参数名
// 参数名与ruby 后台方法params[:email] 对应。 success: function(data){ //返回值结果是判断 if(data=="true"){ //返回true ,表单提交 $("#regirest_up").submit(); alert("同意协议后注册"); }else{ alert("用户名己存在"); return false; //防止表单提交,同时还可以产生页面不刷新的效果。 } } }); });
4 ruby 表单提交
def regirest
client_user=ClientUser.new(params[:client_user]) if client_user.save flash[:notice]="注册成功" else flash[:notice]="注册失败" end redirect_to :controller=>'w',:action=>'index' end
登录也是两只样的方法,自己试试吧。正规写法并不是这样的,我这里是自己缩简后的写哦。
希望能给和我一样的初学者带来帮助
发表评论
-
(Xsteel软件) 高强螺栓长度计算
2014-02-27 09:01 2758高强螺栓连接必须严格 ... -
TeklaStructures高版本保存低版本的方法
2014-02-27 08:56 3127若用XsteeL13.0版本打开的模型想转换用XsteeL10 ... -
require,include,load,extend的用途和区别
2013-03-01 22:47 934这四个方法还是很好玩很有用,也是比较容易混的。 ... -
ruby 标准类型总结
2013-02-01 16:45 1191一、数字 Ruby支持整数 ... -
RMagick 简介
2013-01-18 20:38 1358RMagick 是一个将 Ruby 语言绑定到 ImageM ... -
ARP欺骗功能
2013-01-12 22:47 1091一、设置前准备 当使用了防止ARP欺骗功能(IP和 ... -
淘宝开源编辑器KISSY Editor
2013-01-04 16:46 2295KISSY Editor 是开源项目 KISSY ... -
Rails创建定时任务
2012-12-10 10:21 1755Task & Rexcel 最终生成的报 ... -
Ruby on Rails页面缓存 实践
2012-12-05 11:02 1016三种方式 Page Caching, Action ... -
rails缓存学习
2012-11-27 16:38 1787FORM:http://kenbeit.com/tag/ ... -
Ruby on Rails 简单页面缓存
2012-11-16 17:28 1158三种方式 Page Caching, Action Ca ... -
Ruby写入Excel文件 插件方法
2012-11-01 16:21 1464spreadsheet插件(主要是excel生成写入数 ... -
RUBY操作EXCEL文件
2012-10-31 17:05 1333使用ruby来操作excel文 ... -
Ruby on Rails的session和session存储方案
2012-10-18 17:42 1201session:页面间的信息保存手段。使用:赋值 ses ... -
HTML中小meta的大作用
2012-10-15 08:48 811HTML中小meta的大作用 以前一直不知道HTML中 ... -
jquery获得select option的值 和对select option的操作
2012-09-25 21:19 1190jQuery获取Select元素,并选择的Te ... -
Ruby程序打包成可执行文件的工具 - RubyScript2Exe
2012-09-19 21:28 2212RubyScript2Exe能够将你的Ruby应用程序转成一个 ... -
rails中实现kindeditor中的图片上传
2012-09-14 16:10 1586FROM: http://blog.sina.co ... -
js 彷excel 键盘上下左右移动
2012-09-03 19:11 2961思路假设初始坐标为(0,0)首先要算出表格的最大最小坐标 即( ... -
ruby Hash 总结
2012-08-31 18:51 62071. 如何创建Hash? x = Hash.newx = { ...
相关推荐
:memo: GroupChat-App Ruby 2.5.1 Ruby on Rails 5.0.7.2 HAML SCSS 边界元JavaScript jQuery的字体真棒5 MySQL2的AWS 亚马逊S3 Nginx的独角兽载波波Capistrano :blue_book: 用法 $ git clone ...cd GroupChat-App$ ...
它是一个您可以共享,反向计算和管理它的站点。 网址 sample_login_account 邮件:样品@样品 通过:1234567890 环境 Ruby 2.5.1 滑轨5.2.4 哈姆 SCSS JavaScript MySQL jQuery的 Ajax异步通信 AWS EC2,S3, ...
它在服务器端使用 Ruby on Rails 和 SQLite。 文件 app/views/nodes/index.html.erb 包含有趣的 Javascript 位。 当节点扩展时,它使用 jQuery.ajax 函数下载远程节点。 当节点在分支之间移动 (D&D) 时,它还使用 ...
ExtR 一个开源的Ruby on Rails 4.x和Ruby on Rails 3.x引擎,用于在Rails应用程序中使用Ext.Direct。 ExtR是著名的的的Ruby on Rails 4.x和Ruby on Rails 3.x兼容实现。 如果要使用Ruby的功能编写ExtJS UI,请查看 ...
主要介绍了Ruby on Rails中jquery ujs组件拖慢速度的问题解决,jquery_ujs是Rails框架中涉及AJAX交互的组件,需要的朋友可以参考下
这是一个示例应用程序,说明如何通过jQuery在Ajax Crud 4中进行操作。 我们利用$ .getJSON和$ .ajax进行AJAX。 我们没有使用不引人注目JavaScript或模板。 应用程序的根发送到静态控制器的index操作。 因此,请...
jQuery is prominently featured at the front end of Java/Spring, PHP, .NET, Ruby on Rails, and Python/Django stacks all over the Web. If you have experience with HTML, CSS, and JavaScript, this book ...
是一个漂亮的jQuery插件,增加了对页面进行分页,排序和搜索的功能。 但是,在处理大型表(超过两百行)时,会遇到性能问题。 可以使用服务器端分页来解决这些问题,但这会破坏某些DataTables功能。 ajax-...
Rails 4 jquery Ajax 示例 ###演示 这是一个如何使用ajax进行CRUD操作的小示例。 安装它 git clone :sagarjunnarkar/RailsAjaxCRUD.git cd RailsAjaxCRUD 捆绑安装 配置 config/database.yml 耙数据库:设置 ...
它是使用 Ruby on Rails、Postgres SQL、Bootstrap、YAML、JQuery、Underscore.string、AJAX、OmniAuth、JST、EJS 开发的,并托管在 Heroku 上。 在观看现场演示并享受。 我们通过在带有示例的实时表上向您展示...
jQuery树表 jQuery treetable是jQuery的插件,“少写,多做,JavaScript库”。... 您为什么不使用列表? 因为列表非常适合显示树,而表却不适合。 哦,等等,但是这个插件使用... 带有AJAX树表的示例Ruby on Rails项目:
本次聊天使用: MySQL 和 ActiveRecord Javascript、Jquery 和 ajax 调用Ruby 2.1 导轨 4 css3 html5 陷阱: 此应用程序不使用迁移、数据库种子、复杂的会话、表单助手等。 我们创建它只是为了好玩。 代码库可以...
2.1 Ruby on Rails环境下工作流的实现 2.2 让Ruby On Rails走进企业开发 2.3 让Ruby On Rails走进嵌入式开发2.4 用Ruby脚本抓取百度MP3新歌Top 100发布到闲聊3. AJAX 3.1 偶的ExtJS讲座之基础教程PDF版3.2 很炫的...
Yii是一个全栈式的MVC框架,所谓全栈式指的是Yii框架本身实现了web开发中所要用到的所有功能,比如MVC,ORM(DAO/ActiveRecord), 全球化(I18N/L10N), 缓存(caching), 基于jQuery Ajax支持(jQuery-based AJAX support), ...
它是一个基于React / Redux,Ruby on Rails和ProgresSQL数据库构建的单页全栈Web应用程序。特征用户帐户,在后端和前端均具有安全身份验证。 用户可以创建播放列表并向其中添加歌曲。 播放列表可供用户关注实时异步...
自述 此自述文件通常会记录启动和运行应用程序所需的任何步骤。 您可能想要涵盖的内容: Ruby版系统依赖配置数据库创建数据库初始化如何运行测试套件服务(作业队列、缓存服务器、搜索引擎等) 部署说明… 如果您不...
概括 面试花园是一个准备IT技术面试的社交平台。... 前端:JavaScript、jQuery/AJAX、HTML5 和 CSS3 特征 创建了一个列出所有问题的问题索引页面。 创建了一个问题显示页面,其中列出了问题和所有相关的
智能清单SmartListing通过分页,过滤,排序和就地编辑帮助创建ActiveRecord集合或数组的启用AJAX的列表。安装添加到您的Gemfile中: gem "smart_listing" 然后运行: $ bundle install 另外,您需要将SmartListing...
用 Sinon.js 伪造你的 AJAX jQuery 请求,并在你的测试/规范中存根响应。 安装 将此行添加到应用程序的 Gemfile 中: gem 'fake-ajax-server', group: [:development, :test] 然后执行: $ bundle 也可以在 ...
*支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI。 其主页上还提供如何使用该开发工具的视频。 Aptana是一个基于Eclipse的集成开发环境,其最...