jquery在线编程,jquery操作html代码

使用jQuery编程实现:编写一个用户注册页面,需要输入用户名和输入2次密码,在点击“注册”按钮时

script type="text/javascript"

创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的克什克腾网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

//循环获取所有的input框

//定义全局变量

var NI=false;

var US=false;

var PS=false;

var RPS=false;

var EM=false;

var PH=false;

//给每个input绑定获取焦点事件

//昵称

$('input[name="nickname"]').focus(function(){

$(this).next().css({color:'#979898',display:'block'});

$(this).next().html('请输入常用昵称');

});

//账户

$('input[name="username"]').focus(function(){

$(this).next().css({color:'#979898',display:'block'});

$(this).next().html('请输入6-16个字符,首字符不能为数字');

});

//密码

$('input[name="password"]').focus(function(){

$(this).next().css({color:'#979898',display:'block'});

$(this).next().html('请输入6-16个字符,首字符不能为数字');

});

//重复密码

$('input[name="repassword"]').focus(function(){

$(this).next().css({color:'#979898',display:'block'});

$(this).next().html('请再次输入密码');

});

//邮箱

$('input[name="email"]').focus(function(){

$(this).next().css({color:'#979898',display:'block'});

$(this).next().html('请输入常用昵称');

});

//电话

$('input[name="phone"]').focus(function(){

$(this).next().css({color:'#979898',display:'block'});

$(this).next().html('请输入常用手机号码');

});

//给每个input绑定丧失焦点事件

//昵称

$('input[name="nickname"]').blur(function(){

var v=$(this).val();

var reg=/^.{1,16}$/;

if(!reg.test(v)){

$(this).next().html('✘输入有误,请重新输入');

$(this).next().css('color','red');

}else{

$(this).next().html('✔');

$(this).next().css('color','green');

NI=true;

}

});

//账户

$('input[name="username"]').blur(function(){

var v=$(this).val();

var input=$(this);

var reg=/^\w{6,16}$/;

if(!reg.test(v)){

input.next().html('✘输入有误,请重新输入');

input.next().css('color','red');

}else{

//发送ajax判断账户是否可用

$.post('{:U("Admin/Admin/select")}',{username:v},function(data){

if(data==0){

input.next().html('✘用户名已存在');

input.next().css('color','red');

}else{

input.next().html('✔');

input.next().css('color','green');

US=true;

}

});

}

});

//密码

$('input[name="password"]').blur(function(){

var v=$(this).val();

var reg=/^[a-zA-Z]{1}\w{5,15}$/;

if(!reg.test(v)){

$(this).next().html('✘输入有误,请重新输入');

$(this).next().css('color','red');

}else{

$(this).next().html('✔');

$(this).next().css('color','green');

PS=true;

}

});

//重复密码

$('input[name="repassword"]').blur(function(){

var rv=$(this).val();

var v=$('input[name=password]').val();

if(rv !== v){

$(this).next().html('✘重复密码输入有误');

$(this).next().css('color','red');

}else{

$(this).next().html('✔');

$(this).next().css('color','green');

RPS=true;

}

});

//邮箱

$('input[name=email]').blur(function(){

var v=$(this).val();

var reg = /^\w+@\w+\.(com|cn|com\.cn|org|hk|edu|net)$/;

if(!reg.test(v)){

$(this).next().html('✘输入有误,请重新输入');

$(this).next().css('color','red');

}else{

$(this).next().html('✔');

$(this).next().css('color','green');

EM=true;

}

});

//电话

$('input[name=phone]').blur(function(){

var v=$(this).val();

var reg=/^1\d{10}$/;

if(!reg.test(v)){

$(this).next().html('✘输入有误,请重新输入');

$(this).next().css('color','red');

}else{

$(this).next().html('✔');

$(this).next().css('color','green');

PH=true;

}

});

//绑定表单提交事件

$('button[name=Submit]').click(function(){

//alert('dasd');

$("input").each(function(){

$(this).next().css('display','block'); //循环让每个input框后面的span显示出来

});

//触发丧失焦点事件

$('input[name=nickname]').trigger('blur');

$('input[name=username]').trigger('blur');

$('input[name=password]').trigger('blur');

$('input[name=repassword]').trigger('blur');

$('input[name=email]').trigger('blur');

$('input[name=phone]').trigger('blur');

if(NI US PS RPS EM PH){

return true;

}

return false;

});

/script

jquery主要是做什么的?

JQuery是继prototype之后又一个优秀的Java库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE6.0+, FF1.5+, Safari2.0+, Opera9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

jQuery是当前很流行的一个Java框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少插件。

jQuery可以快速找到文档中的html元素,并对其进行操作,如隐藏、显示、改变样式、添加内容等。能够方便的在页面上添加和移除html元素。这些功能虽然使用Java也能实现,但是jQuery绝对使这些工作变得更加简单。

jquery是什么类型的编程语言???

它不是什么编程语言,而是用javascript语言编写的一个框架,非要说它是语言,那它其实就是javascript。jquery的最大优势就是可以“写最少的代码,做最多的事”!

jquery编程是什么

jQuery是一个JavaScript库,它有助于简化JavaScript以及Asynchronous JavaScript XML(Ajax)编程。

与类似的JavaScript库不同,jQuery具有独特的基本原理,可以简洁地表示常见的复杂代码。学习jQuery基本原理,探索其特性和功能,执行一些常见的Ajax任务并掌握如何使用插件扩展jQuery。

算是原来的脚本语言吧。


本文题目:jquery在线编程,jquery操作html代码
转载来于:http://bzwzjz.com/article/dsdisjh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作设计 温江网站设计 广安网站设计 移动网站建设 成都定制网站建设 重庆外贸网站建设 企业手机网站建设 梓潼网站设计 自适应网站设计 定制级高端网站建设 成都做网站建设公司 定制网站设计 网站建设公司 成都网站建设 成都网站设计 成都网站建设 移动手机网站制作 成都网站设计 企业网站设计 定制网站设计 企业网站建设 手机网站制作