0 0

如何使用 link_to 对一个控件进行服务器端验证5

比如有一个用户注册表单,可以输入用户名等信息。用户名input控件旁边还有一个链接,使用ajax的方式,去服务器验证输入的用户名是否有效。

现在我想使用 link_to helper 实现这个链接,类似下面:

<%= link_to check_username_url(:username => xxxx), :remote => true, :method => :post %>

遇到的问题是,这里的xxx部分,需要通过javascript从用户名输入框input 中获取输入的字符,请问这个怎么实现。。。研究了半天,查了google也没找到答案。

如果不能实现,有别的方法来做这个事儿么?

2012年7月05日 00:15

2个答案 按时间排序 按投票排序

0 0

ajax 用link_to_remote(), :with 参数 可以使用js获取页面上的值,详情请看api

2012年7月20日 10:35
0 0

这个一般需要自己写JS了
你也可以引入一个表单验证的js库来帮你实现
比如一个jquery Validation http://docs.jquery.com/Plugins/Validation/Methods/remote#options

也可以直接在rails安装client_side_validations这个gem包
https://github.com/bcardarella/client_side_validations/wiki/Custom-Validators  的 Remote Validators 章节

2012年7月13日 17:27

相关推荐

    jsf常用控件的使用

    - `h:outputLink`:用于创建静态链接,不触发服务器端操作。 3. **表单控件**: - `h:form`:定义一个JSF表单,所有交互元素应包含在此内。 - `h:inputCheckbox`和`h:inputRadio`:用于创建单选按钮和复选框,常...

    javaweb_jsp日期控件

    无论使用哪种日期控件,选定的日期都需要通过AJAX或表单提交的方式传递到服务器端。在JavaWeb中,你可以使用Servlet、Struts、Spring MVC等框架处理这些请求,将接收到的日期进行校验、处理并返回响应。 总结,JSP...

    jQuery验证控件jquery.validate.js使用说明+中文API

    - **异步验证**:支持使用`remote`规则进行服务器端验证。 - **分组验证**:`groups`选项可以将多个字段作为一个组进行验证。 - **禁用验证**:使用`.valid()`方法进行手动验证,或者通过`.valid()`的参数控制验证...

    JSF控件详细说明

    3. **按钮和链接**:如`&lt;h:commandButton&gt;`和`&lt;h:link&gt;`,它们触发动作事件,执行服务器端的方法。 4. **表单控件**:如`&lt;h:form&gt;`,定义了一个可以包含多个控件的HTML表单。 5. **数据展示控件**:如`...

    控件的超级链接

    在IT行业中,尤其是在Web开发领域,控件的超级链接是一个重要的功能,它允许用户通过单击文本或图像来导航到其他网页或者资源。本话题主要关注如何在ASP.NET环境中使用C#语言和SQL数据库来实现超链接控件的运用。 ...

    js日历控件大全(PHP用)

    3. **错误处理**:在服务器端对收到的日期进行验证,确保其符合业务规则。 4. **前后端协同**:在前端展示日历的同时,后端需要提供相应的API接口,以接收和处理日期选择的数据。 压缩包中的"js日历控件大全"可能...

    Jsp 时间控件 + Jsp 时间控件

    4. **处理用户输入**:当用户选择了一个日期和时间后,可以使用JSP的内置对象`request.getParameter()`来获取用户输入的时间值,然后进行服务器端处理。例如,存储到数据库或进行其他业务逻辑。 ```jsp String ...

    Jquery 时间控件

    本篇文章将深入探讨jQuery时间控件的使用方法,以及如何通过datetimepicker.js插件实现一个功能完善的日期时间选择器。 ### jQuery时间控件概述 jQuery时间控件是一种基于JavaScript库jQuery的插件,用于创建美观...

    javascript日历控件在asp.net使用

    ASP.NET提供了多种方式将服务器端数据传递到客户端的JavaScript,如使用`&lt;%= %&gt;`语法输出服务器端变量,或者通过`&lt;asp:HiddenField&gt;`控件存储数据,然后在JavaScript中读取。 3. **创建日历控件** 在JavaScript中...

    wap移动开发控件详细介绍

    设备仿真程序是开发过程中的一个重要工具,它允许开发者模拟不同类型的移动设备,以测试应用程序在不同设备上的表现。通过设备仿真,开发者可以在开发环境中预览和调试页面,而无需实际拥有各种设备。 **WAP开发中...

    My97DatePicker日期控件

    这款控件主要用于网页上提供一个友好的日期输入界面,让用户能够更方便地选择和输入日期,提高了用户体验,尤其在处理复杂的日期格式和验证时。 在网页开发中,日期输入通常是必不可少的功能,例如在填写表单、预订...

    配置TextBox的Css属性配置日期选择控件

    在网页开发中,为了提供更好的用户体验,我们常常需要在输入框(TextBox)中集成日期选择功能,而不是让用户...在实际开发中,还可以根据需求进行更复杂的定制,例如与服务器端进行数据交互,验证用户输入的日期等。

    精典日期时间控件

    该控件主要基于JavaScript编程语言,这意味着它可以在客户端运行,减少了服务器端的负担。JavaScript日期控件通常通过AJAX技术与服务器进行交互,以实现动态更新和数据验证。"My97 DatePicker"是这个压缩包中的核心...

    .net 图片上传 百度上传控件

    当用户选择一个文件并提交表单时,服务器端可以通过`Request.Files`集合访问这些文件。例如,你可以通过以下代码获取上传的图片: ```csharp foreach (var file in Request.Files) { if (file != null && file....

    web编辑器 控件

    5. 客户端验证和服务器端校验:确保用户输入的数据符合要求,防止XSS攻击等安全问题。 在实际应用中,开发者可能还需要考虑编辑器的跨浏览器兼容性、性能优化、用户体验、数据安全等多个方面,以确保web编辑器控件...

    NeatUpload大文件上传控件

    `NeatUpload`是一个专为处理大文件上传而设计的控件,它提供了强大的功能和灵活性,能够处理GB级别的大文件,并且支持断点续传、进度显示和多线程上传。这个控件主要适用于那些需要处理大量数据和高并发的Web应用...

    ASP.NET批量上传控件HtmlInputFiles

    ASP.NET批量上传控件HtmlInputFiles是一个用于在ASP.NET应用程序中实现文件批量上传功能的解决方案。这个控件通过调用封装好的DLL动态链接库文件,能够简化开发过程,提高用户体验,使得用户可以在一次操作中上传多...

    jsp 日期的javascript 控件

    在本主题中,我们主要关注如何在JSP中使用JavaScript来处理日期相关的功能,创建一个通用的日期控件。 JSP是一种服务器端的技术,它允许开发者将HTML代码与Java代码混合编写,以生成动态网页。JavaScript则是一种...

    jQuery表单验证插件 formValidator2.2.4-修改样式版

    在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery formValidator2.2.4是一款广泛使用的轻量级表单验证插件,它提供了丰富的验证规则和...

    AngularJS表单验证

    在AngularJS中,表单验证是一项关键功能,它允许开发者实时检查用户输入的数据,确保其符合预期的格式和规则,从而提高用户体验并减少服务器端的压力。AngularJS的表单验证机制是基于模型驱动的,这使得它在处理复杂...

Global site tag (gtag.js) - Google Analytics