MyEclipse自动提示Extjs和Jquery
一、安装Spket
第一种方法：网上更新方式
1.插件首页：https://www.doczj.com/doc/6e264272.html,
2.插件名称：Spket IDE
3.更新连接（Update Site）：https://www.doczj.com/doc/6e264272.html,/update/
更新安装方法：
1.[Help]-[Software Updates]-[Find and Install...]
2.[Search for new features to install] -> [Next]
3.[New Remote Site...] Name: "什么都行，spketjs" URL: https://www.doczj.com/doc/6e264272.html,/update/--> [Finish]
第二种方法：网上下载spket-1.6.16.jar破解版（目前最新版本）
1.如果你的JDK在1.6以上，可以直接双击spket-1.6.16.jar运行安装。
其它，使用命令行方式。（注意：自己切换命令行到spket-1.6.16.jar所在目录）
2.
至此，安装完成。
二、配置Spket
注意：如果在安装spket过程中，你的eclipse或者Myeclipse是打开的，请重启eclipse 或者Myeclipse。以便初始化插件，下面才会在Preferences中看到Spket选项。
基本步骤如下：
1)Window → Preferences → Spket；
2)Spket → JavaScript Profiles → New，输入“ExtJS”点击OK；
3)选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”；
4)选择“ExtJS”并点击“Add File”，然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件；
5)设置新的ExtJS Profile，选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮；
下面这个操作，根据自己需要设置（可以全选）。
6)重启eclipse或者Myeclipse；
7)创建新的JS文件并输入：Ext这样就可设置Ext Code代码自动完成的功能。效果如下：
jquery mobile + html5 手机app表单跨域提交实例（手机app开发html5 juqery moblie phonegap系列一） 第一次写博文，把学习过程记录下来也留个底，免得以后不用都忘了。 确定用html5 +jquery moblie+ phonegap 框架作为app开发的主框架。一开始在网上找了很多资料，跟着学习了一下，然后下了很多代码， 结果发现一个很大的问题，网上的代码很多都tmd有bug，不知道是不是故意的还是怎么地，让我也走了很多弯路。不多废话开始实战。 1、开发工具的准备： 1.1 、jquery mobile ：这个不用下载，直接在你的html文件
中间加上以下代码就行了, 1.2 、html5 : 下载一个支持html5的浏览器就行了，支持的最好的是 Google Chrome ，这个还可以调试js，不错推荐。 1.3 、myEclipse 版本6.0以上就行，自带jdk 和tomcat ，这个写jsp当做服务器用。 1.4 、editplus 这个是文本编辑器，写html代码用的。 这一节的开发工具就准备这些，我们这节只在浏览器上面看效果，下节讲打包发布到安卓手机上面还需要一些东西。 2、开发流程： 2.1 制作提交用户名和密码的html5表单。 2.2 通过jsonp方式跨域提交到tomcat服务器上的jsp文件。 2.3 服务程序返回ok。 3、开发步骤： 3.1 html5文件，用editplus新建一个html文件，名字随便起。然后copy以下代码：PHP jQuery Ajax Form表单提交实例解析，包括创建一个表单html页面、添加JQuery代码、jquery ajax表单提交、jquery ajax表单验证、反馈信息给用户，php ajax 表单验证，php ajax提交表单，php ajax form验证，php ajax提交form。 本实例用到JQuery类库本身的函数和功能，所有表单信息利用PHPMailer类库邮件的形式发送。 1、创建一个表单html页面 表单部分html代码 这里用一个id为contact_form来包含整个包含信息；这是有意义的，稍后在JavaScript与用户交互信息的时候会用到，这里form标签的属性里面既包含了method和action；这个意义其实不大，因为Javascript直接操作DOM，所以没有这两个属性也是可以的；务必要给用户输入的input标签加独立的id，这和第二点原理类似。否则，无法看到正常的效果。 2、添加JQuery代码 这里假设你已经从JQuery官方网站上下载了JQuery基库，然后上传到了你的WEB服务器，并添加到你要使用的网页中。
现在新建一个JS文件 第1行的function()函数与Jquery的document.ready函数用法和功能相同，都是在DOM准备完毕后自动触发。第2行里面是一个单击触发函数click()，需要注意的是，在HTML一页提交按钮上需要放置一个名为“button”的Class，以模拟实现submit 提交表单的功能，从第二点我们可以看出，JQuery可以很好的将结构和逻辑分离。 3、jquery ajax表单验证 在实际应用中，这一步是必不可少的。在用户漏填，错填某个项目时，及时提示。
JQuery提交表单Form.js官方插件介绍 Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。 1、JQuery框架下载 https://www.doczj.com/doc/6e264272.html,/ 2、Form插件下载 https://www.doczj.com/doc/6e264272.html,/jquery/form/#download 3、Form插件的简单入门 第二步：jquery.js和form.js文件的包含
表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。 ajaxForm 增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。 可链接（Chainable）：可以。 实例： $('#myFormId').ajaxForm(); ajaxSubmit 马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。 可链接（Chainable）：可以。 实例： // 绑定表单提交事件处理器 $('#myFormId').submit(function() { // 提交表单 $(this).ajaxSubmit(); // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false return false; }); formSerialize 将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&name2=value2。 可链接（Chainable）：不能，这个方法返回一个字符串。 实例： var queryString = $('#myFormId').formSerialize(); // 现在可以使用$.get、$.post、$.ajax等来提交数据 $.post('myscript.php', queryString); fieldSerialize
jquery.form 提交中文时乱码(GBK 乱码)的解决方案 分类：jQuery2009-11-18 21:58 1758人阅读评论(0) 收藏举报 在使用jsp开始时，一不小心就会出现中文乱码的情况。通常可以使用如下方法解决： 第一种解决方法： 从jsp到servlet统一使用utf-8编码.全部使用utf-8编码能省去很多麻烦，但一点不足是utf-8编码对汉字是使用3-4个字节，会加大网络传输量。 第二种方法： 1.jsp页面使用GBK 2.使用servlet过滤器设置request.setCharacterEncoding("GBK");google一下就能找到很多怎么使用过滤器转换编码。 以上两种方法能解决大部分的乱码问题，特别是第一种方法，能解决使用ajax提交时的中文乱码问题。如果采用第二种方法，那么在使用ajax提交表单时仍然会有中文乱码。这是因为ajax方式提交时js使用的是utf-8的编码，过滤器使用gbk进行转码就不正确了，应该使用utf-8进行转码。要解决这个问题，网上也有很多个版本，其中一个是我曾经采用的在客户端使用encodeURI，然后再在服务器端进行URLDecoder.decode，这种方案在偶尔处理一下中文是可行的，但是如果页面有大量数据录入，那么这种方案是不可行的。有没有好的解决方法呢？在经过新一轮的google之后，还是找到了方法。参考 https://www.doczj.com/doc/6e264272.html, /topic/157698?page=1。原理就是根据httpheader中的内容来区分是ajax方式请求还是普通的请求。在jquery1.2.6中，ajaxSettings默认设置contentType 为"application/x-www-form -urlencoded"，在ajax方法中设置 xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");，我们只要在servlet中根据这两个参数值来判断是不是通过xmlhttprequest发起的请求。这里值得一提的是jquery 在提交form 时对参数进行了encodeURIComponent调用，参见param方法 [javascript]view plainc opy 1.jQuery .each( a, function(){ 2. s.push( encodeURIComponent(this .name) + "=" + encodeURIComponent( thi s .value ) ); 3.});
jquery.form.js中文API 关键字: jquery.form.js 英文原文：https://www.doczj.com/doc/6e264272.html,/jquery/form/#api 表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。 ajaxForm 增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。 可链接（Chainable）：可以。 实例： Java代码 1$('#myFormId').ajaxForm(); ajaxSubmit 马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。 可链接（Chainable）：可以。 实例： Java代码 2// 绑定表单提交事件处理器 3$('#myFormId').submit(function() { 4 // 提交表单 5 $(this).ajaxSubmit(); 6 // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false 7return false; 8});
formSerialize 将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&name2=value2。 可链接（Chainable）：不能，这个方法返回一个字符串。 实例： Java代码 9var queryString = $('#myFormId').formSerialize(); 10 11// 现在可以使用$.get、$.post、$.ajax等来提交数据 12$.post('myscript.php', queryString); fieldSerialize 将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1&name2=value2。 可链接（Chainable）：不能，这个方法返回一个字符串。 实例： Java代码 13var queryString = $('#myFormId .specialFields').fieldSerialize(); fieldV alue 返回匹配插入数组中的表单元素值。从0.91版起，该方法将总是以数组的形式返回数据。如果元素值被判定可能无效，则数组为空，否则它将包含一个或多于一个的元素值。 可链接（Chainable）：不能，该方法返回数组。 实例： Java代码
jQuery formValidator使用说明 说明：jQuery formValidator表单验证插件，它是基于jQuery类库，实现了js 脚本于页面的分离。对一个表单对象，你只需要写一行代码就可以轻松实现20种以上的脚本控制。现支持一个表单元素累加很多种校验方式,采用配置信息的思想，而不是把信息写在表单元素上，能比较完美的实现ajax请求。并结合jquery.boxy实现遮罩提示。 一、所需元素 jquery-1.3.2.js （需要jquery-1.3.2以上版本） formValidator.js （表单验证基础js） formValidatorRegex.js （表单验证所需正则js） jquery.boxy.js （遮罩提示js） validator.css （表单验证样式） boxy.css （遮罩提示样式） 二、使用说明 a)使用方法 i.加载所需js和css文件 ii.初始化验证控件 （$.formValidator.initConfig({formid:"form1",onerror:functi on(msg){Boxy.alert("
jQuery formValidator表单验证插件是什么? jQuery formValidator表单验证插件，它是基于jQuery类库，实现了js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）脚本控制。目前支持5种大的校验方式，分别是：inputValidator（针对input、textarea、select控件的字符长度、值范围、选择个数的控制）、compareValidator（提供2个对象的比较，目前可以比较字符串和数值型）、ajaxValidator（通过ajax到服务器上做数据校验）、regexValidator（提供可扩展的正则表达式库）、functionValidator （可使用外部函数来做校验） 本插件于其他校验控件最大的区别有3点： 1、校验功能可以扩展。 对中文、英文、数字、整数、实数、Email地址格式、基于HTTP协议的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、QQ号码、日期等等这些控制，别的表单校验控件是代码里写死的，而formValidator是通过外部js文件来扩展的，你可以通过写正则表达式和函数来无限的扩展这些功能。 2、实现了校验代码于html代码的完全分离。 你的所有信息都无需配置在校验表单元素上，你只要在js上配置你的信息。使美工（界面）和javascript工程师的工作不交织在一起 3、你只需写一行代码就能完成一个表单元素的所有校验。你只需要写一行代码就能完成一下所有的控制 ?支持所有类型客户端控件的校验 ?支持jQuery所有的选择器语法，只要控件有唯一ID和type属性 ?支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js，你可以自由的添加、修改里面的内容。 ?支持2种校验模式。第一种：文字提示(showword模式)；第二种：弹出窗口提示(showalert模式) ?支持多个校验组。如果一个页面有多个提交按钮，分别做不同得提交，提交前要做不同的校验，所以你得用到校验组的功能。 ?支持4种状态的信息提示功能，可以灵活的控制4种状态是否显示。第一种：刚打开网页的时候进行提示；第二种：获得焦点的时候进行提示；第三种：失去焦点时，校验成功时候的提示；第四种：失去焦点时，校验失败的错误提示。 ?支持自动构建提示层。可以进行精确的定位。 ?支持自定义错误提示信息。
JQuery笔记-表单验证大全
jquery.validate.js 是 jquery 旗下的一个验证插件，借助 jquery 的优势，我们可以迅速验证一些常见的输入 , 并且可以自己扩充自己的验证方法。 举个例子，有这么一个表单： view plaincopy to clipboardprint?