request [1.5.1]
request([options]) -> new Ajax.Request
这是一个便捷的方法,可将表单串行化并通过 Ajax.Request 提交到表单 action 属性指定的 URL。参数 options 会被传递到 Ajax.Request 实例。在 options 参数中,可重定义表单的 HTTP 发送方式(译注:指 get、post 等等)并指定附加的参数。
传递到 request() 的 options 参数会智能的与 Ajax.Request 选项 进行融合:
如果表单具有 method 属性,这个值将被用于 Ajax.Request 的 method 选项。如果 options 参数中指定了 method 选项,则优先使用参数中指定的值。 如果两者均未指定,method 的值默认为“POS...
getInputs
getInputs(formElement [, type [, name]]) -> array
返回指定表单中所有 INPUT 元素的集合。若要通过 INPUT 元素的 type 和 name 属性限制返回的结果集,请使用可选的 type 和 name 参数。
样例
var form = $('myform') form.getInputs()
// -> 所有 INPUT 元素
form.getInputs('text')
// -> 仅包括 type = 'text' 的 INPUT 元素
var buttons = form.getInputs('radio', 'education')
// -> 仅包括名称为 'education' 的单选按钮
// 现在禁用这些单选按钮
buttons.invoke('disable')
注意
返回的 INPUT 元素按照 document 中的顺序进行排列,不是按照 Tab 键的...
getElements
getElements(formElement) -> array
返回指定表单中所有控件的集合。
注意
元素 OPTION 并不包括在结果集中。结果集中只有它们的父元素 SELECT 控件。
focusFirstElement
focusFirstElement(formElement) -> HTMLFormElement
指定表单第一个未隐藏、未禁用的控件获取键盘焦点。
该方法使用 Form.findFirstElement() 来获取第一个元素,然后在元素上调用 activate() 方法。该方法常用于 Web 站点增强用户体验,当包含表单 (如用于搜索的表单或填写联系信息的表单)的页面载入后,设置表单中可见的第一个未禁用的控件获取焦点, 这样用户马上就可以键入文字了。
findFirstElement
findFirstElement(formElement) -> HTMLElement
在表单中查找第一个未隐藏、未禁用的控件。
返回的对象是以下三种类型的元素之一:INPUT、SELECT 或 TEXTAREA。该方法被用在 focusFirstElement() 方法中。
注意
该方法的返回值是按照 document 顺序查找到的第一个元素,而不是按照 Tab 键的顺序。
enable
enable(formElement) -> HTMLFormElement
启用一个完全或部分控件被禁用的表单。
表单可以在禁用和启用间进行切换。
样例
请参阅 disable() 的样例。
注意
无论表单中的控件是通过何种方法被禁用(通过脚本或是 HTML 属性)的,该方法都会启用它们。
disable
disable(formElement) -> HTMLFormElement
禁用表单中的所有控件。禁用后表单控件仍然可见,但不能再进行编辑。
表单可以在禁用和启用间进行切换。
我可以试试吗?
当然,这里有一个样例:
用户信息
姓名:
年龄:
业余爱好:
写作
游泳
旅行
绘画
按钮点击的相关代码如下:
var form = $('disable-example');
// 调用 form.disable() 和 form.enable() 在启用和禁用间进行切换
form[form.disabled ? 'enable' : 'disable']();
form.disabled = !form.disabled;
译注:上面这段代码看起来有些奇怪。或许你会发现删除 form[form.disabled...
Form 是一个命名空间,同时也是一个模块,它汇聚了所有与表单相关的行为,对表单的操作和串行化进行了良好的封装。 但是它所提供的方法是针对整个表单的,而表单上的控件处理,由子模块 Form.Element 负责。
对于已扩展的表单元素(参见 “Prototype 如何扩展 DOM”), 大部分扩展方法都是直接可以使用的。
译注:注意本文中表单元素(Form Element 以及参数 formElement)和表单控件(Form Control)的区别: 表单元素指表单本身,即 <form> 标签所代表的元素。表单控件指表单中用于收集数据的元素,如 <input>、<select> 等等。
方法
disable
disable(formElement) -> HTMLF...
<script src="prototype.js"></script>
<form id="frm">
<div id="div1">
<input type="text" id="txt" name="txt" onchange="return alert('Now')"/>
<input type="text" id="txt2" name="txt2" />
<input type="button" id="btn" name="btn"
value="click" onclick="test(event)" />
<input type="submit" />
<a href="http://www.google.com" onclick="test2(event)">Google</a...
第一步:先增加一个表单
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
第二步:jquery.js和form.js文件的包含
<head>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/form.js"></script>
<scr...
这一部分提供了很多与表单操作有关的功能,包括以下部分,当通过$方法返回元素时,可以直接通过$(element).method()调用:
Form对象:提供了操作整个表单的一些方法
Form.Element对象:提供了操作某个表单元素的方法
TimedObserver类:周期性表单监视器,当表单元素值改变的时候执行一个回调函数,有Form和Element两种类型
EventObserver类:利用事件来监视表单元素,当表单元素值改变的时候执行一个回调函数,有Form和Element两种类型
Form.Element对象:
focus(element) select(element):html元素内置方法的封装,除了返回元素本身
serialize(element):序列化指定的表单元素,返回key=value的形式,返回的string已经en...
ASP.NET 2.0的FormView控件类似于DetailsView控件,因为它能方便地显示后端数据源的单个记录。本文将讨论这个控件的语法和应用。
用户化
虽然这两个控件一次显示一条记录,DetailsView和FormView的关键差别在于:FormView利用用户定义的模板;而DetailsView则使用行字段。FormView控件没有预先定义数据布局;相反,你建立一个包含控件的模板来显示记录中的单个字段。模板中包含建立表单所要用到的格式、控件和绑定表达式。
你可以控制数据记录以三种形式显示:编辑、查看和添加一条新记录。另外,你可以包括和格式化标题与页脚元素。你还可以利用FormView控件各个部分中的任何一个有效的ASP.NET控件。
语...
Printf是很多C语言程序员喜欢的工具,当他们转而使用Java时他们非常的失望。Java有一个替代的方法但是那个方法和C语言的printf() 函数的原理不一样。幸运的是,早期的Java库的开发者认识到创建一个更合适Java的工具而不是一个printf函数。MessageFormat运行开发者输出文本中的变量的格式。它是一个强大的类,就像下面的例子展示的那样:String message ="Once upon a time (, around about ), there " +"was a humble developer named Geppetto who slaved for " +" days with complete user " +"requirements. ";Object[ ] variables = new Object[ ] { new Integer(4), new Date( ), ...
在struts中,我们都知道他拥有自己的标记,如下: <html:form action="coreyForm"> <html:text property="name" /> <html:password property="pwd" /> <html:submit value="submit" /> </html:form> 最后,他们会生成如下html标签: <form action="./coreyForm.do"> <input type="text" name="name" /> <input type="password" name="pwd" /> <input type="submit" value="submit" /> </form> 有的时候,我们会选择不采用struts的html便签等等,其实这样的话,不...