function ajax_example_add_more($form, &$form_state, $no_js_use = FALSE) { $form['#tree'] = TRUE; $form['names_fieldset'] = array( '#type' => 'fieldset', '#title' => t('People coming to the picnic'), '#prefix' => '<div id="names-fieldset-wrapper">', '#suffix' => '</div>', ); if (empty($form_state['num_names'])) { $form_state['num_names'] = 1; } for ($i = 0; $i < $form_state['num_names']; $i++) { $form['names_fieldset'][$i]['name']= array( '#type' => 'textfield', '#title' => t('Name'), ); $form['names_fieldset'][$i]['hobby'] = array( '#type' => 'select', '#title' => t('Hobby'), '#options' => drupal_map_assoc(array('足球','电影','乒乓')), '#description' => ' 请选择你的爱好!', ); } $form['names_fieldset']['add_name'] = array( '#type' => 'submit', '#value' => t('Add one more'), '#submit' => array('ajax_example_add_more_add_one'), '#ajax' => array( 'callback' => 'ajax_example_add_more_callback', 'wrapper' => 'names-fieldset-wrapper', ), ); if ($form_state['num_names'] > 1) { $form['names_fieldset']['remove_name'] = array( '#type' => 'submit', '#value' => t('Remove one'), '#submit' => array('ajax_example_add_more_remove_one'), '#ajax' => array( 'callback' => 'ajax_example_add_more_callback', 'wrapper' => 'names-fieldset-wrapper', ), ); } $form['submit'] = array( '#type' => 'submit', '#value' => t('Submit'), ); return $form; } function ajax_example_add_more_callback($form, $form_state) { return $form['names_fieldset']; } function ajax_example_add_more_add_one($form, &$form_state) { $form_state['num_names']++; $form_state['rebuild'] = TRUE; } function ajax_example_add_more_remove_one($form, &$form_state) { if ($form_state['num_names'] > 1) { $form_state['num_names']--; } $form_state['rebuild'] = TRUE; } function ajax_example_add_more_submit($form, &$form_state) { $output = t('These people are coming to the picnic: @names', array('@names' => implode(', ', $form_state['values']['names_fieldset']['name'])) ); drupal_set_message($output); }
相关推荐
该表单能实现登录时对姓名及密码的验证功能,验证是不会涉及到页面的刷新过程,美观实用!
本文实例讲述了jQuery ajax提交Form表单的方法。分享给大家供大家参考,具体如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等。 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移...
ajax-chosen, 添加了ajax自动完成功能的jQuery库的补充 选择的... 选择向 select 元素添加搜索框,所以我觉得它可以在awesomely动态表单中添加ajax自动完成。这里脚本引导现有的插件,而不对原始代码进行任何修改。 最
摘要:脚本资源,Ajax/JavaScript,Ajax,无刷新 运用jQuery实现的Ajax无刷新删除和添加数据的表单,可适时删除表格、修改表格内容、添加内容,实现了前端的功能,当然如果需要全部实现,则需要后台脚本语言的支持。...
AJAX开发。在JSP/Servlet实现的JPetStore项目基础上,在表单验证、表单输入、订单更新等环节增加AJAX技术,改善项目的用户体验。以下三个任务为必须完成部分,还可自行添加其他改进用户体验的功能。
1. 制作"添加图书"界面,在界面有一表单,输入对应的信息,提交后能插入数据表,但是页面不刷新。 2. 制作一个图书模糊查询界面,输入图书名称的模糊信息,能够显示系统中所有符合条件图书的名称和价格等信息,但是...
使用 AJAX 自动提交表单 特征 恢复表单中输入的所有数据 恢复 div 内容作为输入内容 允许在表单外提交按钮(将 target="your-form-name" 添加到您的提交输入中) 使用 img 标签作为输入[type="file"] 安装 从下载并...
用jquery动态添加表单,通过jquery.form来ajax提交来批量上传图片
用于添加 ajax-ify 表单的 jQuery 插件。 它能做什么 你有一个表格。 提交表单时,您需要进行一些 PHP 处理,但您不想离开页面。 该插件使用 ajax 提交表单,返回响应,并相应地调用成功、失败和工作方法。 所以它...
例如,若要使用户在向服务器提交表单之前进行确认,可以使用将客户端功能添加到 Button 控件的扩展程序控件。 可以将 ASP.NET AJAX 扩展程序控件添加到 Visual Studio,并像使用其他控件那样使用这些控件。您还可以...
本文实例讲述了ajax跨域(基础域名相同)表单提交的方法。分享给大家供大家参考。具体如下: 1.要在做ajax提交的页面中添加如下js语句: [removed] document.domain=基础域名; [removed] 2.ajax表单提交表单时可以...
HTML5 Ajax验证的用户注册表单,无刷新输入判断的HTML5表单特效,界面风格漂亮,功能简洁实用,表单验证方面包括:用户名、邮箱地址判断、密码字符验证、两次密码是否一致判断、...当然其它功能就需要你自己添加了。
阿贾克斯形式这是一个js事件监听器,可让... 只需将类“ .ajax_form”添加到您的表单中,瞧,您的表单将开始明智地提交ajax。 它也能够提交您的文件。 只需将常规enctype =“ multipart / form-data”包含在表单元素中
下面通过图文并茂的方式展示给大家,具体内容如下所述: 今天下午做一个项目小练习.需要把查询日志的内容显示到网页上来.一开始陷入了一个误区. ... 刚开始显示用户列表时.... 但是下面这个需要...那么直接表单提交
阅读的文档特征: 您可以轻松地将ajax文件上传添加到表单。 Ajax上传与html上传相同。 这意味着您无需更改代码即可支持ajax上传。 支持单文件和多文件上传。 支持版本的上传文件。 支持直接上传到与AWS S3兼容的...
Ajax与ASP网页交互动态添加删除数据一例 Asp+Ajax无限级联动下拉框菜单Access版 ASP 树形菜单TreeView 多样式版 Ajax仿iGoogle双击编辑、网页拖动完整实例 ASP+jQuery无刷新读写数据库操作 Ajax提交数据实例_Ajax+...
Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的...
将带有class =“ ajax_form”的表单添加到该块中。 在任何页面上调用AjaxForm [[!AjaxForm?form=`myForm`&snippet=`FormIt`]] 您可以为结束代码段指定任何参数: [[!AjaxForm? &form=`myForm` &snippet=`...
11.5 添加Ajax自动保存功能 11.5.1 修改库的代码 11.5.2 自动保存信息到数据库 11.6 重构 11.6.1 定义构造函数 11.6.2 修改AjaxWindowsjs库 11.6.3 指定protal命令 11.6.4 执行Aiax处理 11.6.5 重构报告 11.7 小结 ...
内容索引:脚本资源,jQuery,表单验证 一个基于JavaScript 的Ajax动态表单验证封装类,附带有示例文件,从此扔掉烦人的Alert。示例中,当输入不符标准的信息后,表单不能提交,并渐显出提示信息,很漂亮的提示样式,...