jQuery Mobile教程:表单textinput插件

文章简介:本文我们来深度认识一下jQuery Mobile的textinput插件。

本文我们来深度认识一下jQuery Mobile的textinput插件
主要让大家熟悉一下动态创建input、禁用input以及启用input

1、动态创建input

示例:

//动态创建 $("#dynamic_input").bind('click',function(){ 	//一次哦 	if($("#dynamic_input_new").length < 1){ 		var str = '<input id="dynamic_input_new" placeholder="动态添加的按钮,theme为e"/>'; 		$(str).insertAfter("#test_checkbox"); 		 		//可以设置主题: 		$("#dynamic_input_new").textinput({ 			theme:"e" 		}) 	 	} }); 

2、disable(禁用)

示例:

//禁用 $("#disable_input").bind('click',function(){ 	$("#dynamic_input_new").textinput("disable"); }); 

3、enable(启用)

示例:

//启用 $("#enable_input").bind('click',function(){ 	$("#dynamic_input_new").textinput("enable"); }); 

demo

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery mobile
, input
, 插件
, jquery.mobile
, function
, 动态
, textinput
, TextInput组件
, 示例
, jquery动态创建input
TextInput实例
jquery官网、jquery api、jquery下载、jquery教程、jquery ajax,以便于您获取更多的相关知识。

时间: 2024-12-03 22:48:10

jQuery Mobile教程:表单textinput插件的相关文章

jQuery Mobile教程:表单selectmenu插件

文章简介:本文我们来深度认识一下jQuery Mobile的selectmenu插件. 本文我们来深度认识一下jQuery Mobile的selectmenu插件 主要让大家熟悉一下动态创建selectmenu.禁用selectmenu以及启用selectmenu 1.动态创建input 示例: //动态创建 $("#dynamic_selectmenu").bind('click',function(){ //一次哦 if($("#your_choice_new"

jQuery Mobile教程:表单的checkboxradio插件

文章简介:本文我们来深度认识一下jQuery Mobile的checkboxradio插件. 本文我们来深度认识一下jQuery Mobile的checkboxradio插件 表单中的radio与checkbox都依赖它进行初始化增强以及一些事件的绑定(disable.enable.checked.unchecked)等 1.disable(禁用) 示例: //禁用 $("#disable_checkbox").bind('click',function(){ $("#maj

jQuery Mobile教程:表单form组件

文章简介:本文主要看一下jQuery Mobile体系中的form常见的几个组件. 本文主要看一下jQuery Mobile体系中的form常见的几个组件,我们采用"提问●回答"的方式来初步地了解一下: 1.如何设置radio? 示例: <!-- content start --> <div data-role="content"> <!-- h3 start --> <h3>1.垂直模式:</h3> &l

基于Jquery的FormValidator表单验证插件

包含了以下验证功能: 1.控件值不能为空 2.控件值长度限制 3.选中项数量限制 4.控件值范围限制 5.控件值类型限制 6.控件值格式化 7.两个控件值比较 8.自定义验证方法 9.下拉必选 10.表单验证方式 11.控件独自验证 看一个简单的表单用户名验证插件  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

表单验证代码实例:jquery.validate.js表单验证插件

文章简介:很好用的JQuery表单验证插件--jquery.validate.js. jquery.validate.js是JQuery旗下的一个验证插件,借助JQuery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法.使用前请先下载必要的JQuery插件:jquery-1.4.2.min.js和jquery.validate.min.js. 下面演示如何使用jquery.validate.js插件进行表单的验证. 这是HTML表单:<form id="regFro

快速学习jQuery插件 jquery.validate.js表单验证插件使用方法_jquery

最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.作为一个标准的验证方法库,Validation拥有如下特点: 1.内置验证规则: 拥有必填.数字.Email.URL和信用卡号码等19类内置验证规则 2.自定义验证规则: 可以很方便地自定义验证规则 3.简单强大的验证

jquery.validate.js表单验证插件的用法和入门范例

网上介绍的jquery.validate大部门只是介绍它的api和用法,没有一个完整的入门范例,有时候看半天才知道该怎么下手.因此为了快速了解学习,我弄了一个快速入门范例,虽然用的知识点不多,写的也不是很好,但是可以快速的入手. 以下是参考源码(下面有源码网上可以下载到在此不再提供): <html> <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf

jquery中formValidator表单验证插件学习笔记

jQuery formValidator表单验证插件是一款客户端表单验证插件.第一次接触jQuery formValidator是学习phpcms的时候,因为其在表单验证方面功能强大,且使用简单,所以我在做网站开发时常常用到.在WBlog中涉及到写入数据时总是少不了jQuery formValidator的验证.这里主要介绍jQuery formValidator使用方法. 下面我就用WBlog安装包install.php的例子来说明jQuery formValidator的使用方法. 一.加载

jquery.validate表单验证插件使用方法解析_jquery

为什么要用jquery validate这个表单验证插件:自己写一个通用且功能全面强大的jquery表单验证插件并不容易.jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证,具体内容如下 使用方式 1.在控件中使用默认验证规则,例子: 电子邮件(必填) <input id="email" class="required email" value="email@" /> 2.可以在控件中自定义验证规则