bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

jquery在線測(cè)試,js在線測(cè)試

jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能

本文實(shí)例講述了jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),廣漢企業(yè)網(wǎng)站建設(shè),廣漢品牌網(wǎng)站建設(shè),網(wǎng)站定制,廣漢網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,廣漢網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

先來(lái)看看運(yùn)行效果（在刪除時(shí)連刪即可）：

具體代碼：

!DOCTYPE

html

html

lang="en"

head

meta

charset="UTF-8"

titleDocument/title

/head

body

input

type="text"

id="inp"

script

src="jquery-1.12.3.min.js"/script

script

$(function(){

$("#inp").keyup(function(){

/*

手機(jī)號(hào)驗(yàn)證時(shí)：

var

pattern

=

/^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;

pattern.test(str);

*/

_self

=

$(this);

if(_self.val().length

==

3

||

_self.val().length

==

8){

var

str

=

_self.val()+"

";

_self.val(str);

}

});

});

/script

/body

/html

PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：

JavaScript正則表達(dá)式在線測(cè)試工具：

正則表達(dá)式在線生成工具：

更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題：《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

jquery 多圖片預(yù)覽

給你重新寫(xiě)了一個(gè)，直接拷貝到記事本另存為html就可以調(diào)試(Jquery是在線引用的)。

以下代碼在IE8和FF下測(cè)試通過(guò)。

另：程序如果有什么問(wèn)題可以HI我。

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""

html

head

title New Document /title

script src="" type="text/javascript"/script

script type="text/javascript"

//全局變量

var FileCount=0;//上傳文件總數(shù)

//添加上傳文件按鈕

function addFile(obj)

{

var filePath=$(obj).prev().val();

var FireFoxFileName="";

//FireFox文件的路徑需要特殊處理

if(window.navigator.userAgent.indexOf("Firefox")!=-1)

{

FireFoxFileName=filePath;

filePath=$(obj).prev()[0].files.item(0).getAsDataURL();

}

if(!checkFile(filePath,FireFoxFileName))

{

$(obj).prev().val("");

return;

}

if(filePath.length==0)

{

alert("請(qǐng)選擇上傳文件");

return false;

}

FileCount++;

//添加上傳按鈕

var html='span';

html+='input id="f'+FileCount+'" name="'+FileCount+'" type="file"/?';

html+='input type="button" value="添加" onclick="addFile(this)"/';

html+='/span';

$("#fil").append(html);

//添加圖片預(yù)覽

html='li';

html+='img id="img'+(FileCount-1)+'" src="'+filePath+'" width="100" height="100" style="cursor:pointer;" alt="暫無(wú)預(yù)覽" /';

html+='br/';

html+='a href="#" name="img'+(FileCount-1)+'" onclick="DelImg(this)"刪除/a';

html+='/li';

$("#ImgList").append(html);

}

//刪除上傳文件（file以及img）

function DelImg(obj)

{

var ID=$(obj).attr("name");

ID=ID.substr(3,ID.length-3);

$("#f"+ID).parent().remove();

$(obj).parent().remove();

return false;

}

//檢查上傳文件是否重復(fù),以及擴(kuò)展名是否符合要求

function checkFile(fileName,FireFoxFileName)

{

var flag=true;

$("#ImgList").find(":img").each(function(){

if(fileName==$(this).attr("src"))

{

flag=false;

if(FireFoxFileName!='')

{

alert('上傳文件中已經(jīng)存在\''+FireFoxFileName+'\'!');

}

else

{

alert('上傳文件中已經(jīng)存在\''+fileName+'\'!');

}

return;

}

});

//文件類型判斷

var str="jpg|jpeg|bmp|gif";

var fileExtName=fileName.substring(fileName.indexOf(".")+1);//獲取上傳文件擴(kuò)展名

if(FireFoxFileName!='')//fireFox單獨(dú)處理

{

fileExtName=FireFoxFileName.substring(FireFoxFileName.indexOf(".")+1);

}

//alert(fileExtName);

if(str.indexOf(fileExtName.toLowerCase())==-1)

{

alert("只允許上傳格式為jpg，jpeg，bmp，gif的文件。");

flag=false;

}

return flag;

}

/script

style type="text/css"

.fil

{

width:300px;

}

.fieldset_img

{

border:1px solid blue;

width:550px;

height:180px;

text-align:left;

}

.fieldset_img img

{

border:1px solid #ccc;

padding:2px;

margin-left:5px;

}

#ImgList li

{

text-align:center;

list-style:none;

display:block;

float:left;

margin-left:5px;

}

/style

/head

body

p上傳預(yù)覽圖片:br

div id="fil" class="fil"

span

input id="f0" name="f0" type="file"/

input type="button" value="添加" onclick="addFile(this)"/

/span

/div

/p

div id="ok"

fieldset class="fieldset_img"

legend圖片展示/legend

ul id="ImgList"

!--li

img id="img1" width="100" height="100" style="cursor:pointer;"

br/

a href="#" name="img1" onclick="DelImg(this)"刪除/a

/li--

/ul

/fieldset

/div

/body

/html

jQuery插件form-validation-engine正則表達(dá)式操作示例

本文實(shí)例講述了jQuery插件form-validation-engine正則表達(dá)式操作。分享給大家供大家參考，具體如下：

form-validation-engine是一個(gè)不錯(cuò)的表單驗(yàn)證插件，示例如下：

(function($)

{

$.fn.validationEngineLanguage

=

function()

{};

$.validationEngineLanguage

=

{

newLang:

function()

{

$.validationEngineLanguage.allRules

=

{"required":{

//

Add

your

regex

rules

here,

you

can

take

telephone

as

an

example

"regex":"none",

"alertText":"*

必選字段",

"alertTextCheckboxMultiple":"*

請(qǐng)選擇選項(xiàng)",

"alertTextCheckboxe":"*

需要這個(gè)復(fù)選框"},

"length":{

"regex":"none",

"alertText":"*在

",

"alertText2":"

和

",

"alertText3":

"

之間"},

"maxCheckbox":{

"regex":"none",

"alertText":"*

檢查允許超過(guò)"},

"minCheckbox":{

"regex":"none",

"alertText":"*

請(qǐng)選擇

",

"alertText2":"

選項(xiàng)"},

"confirm":{

"regex":"none",

"alertText":"*

你的字段不匹配"},

"telephone":{

"regex":"/^[0-9\-\(\)\

]+$/",

"alertText":"*

無(wú)效的號(hào)碼"},

"email":{

"regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",

"alertText":"*

無(wú)效的郵箱"},

"date":{

"regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",

"alertText":"*

無(wú)效的日期，必須是YYYY-MM-DD的格式"},

"onlyNumber":{

"regex":"/^[0-9\

]+$/",

"alertText":"*

只允許輸入數(shù)字"},

"noSpecialCaracters":{

"regex":"/^[0-9a-zA-Z]+$/",

"alertText":"*

有非法字符"},

"ajaxUser":{

"file":"validateUser.php",

"extraData":"name=eric",

"alertTextOk":"*

這個(gè)用戶是合法的",

"alertTextLoad":"*

加載中，請(qǐng)等待",

"alertText":"*

這個(gè)用戶已經(jīng)存在"},

"ajaxName":{

"file":"validateUser.php",

"alertText":"*

這個(gè)名字已經(jīng)被使用",

"alertTextOk":"*

這個(gè)名字是可以的",

"alertTextLoad":"*

加載中，請(qǐng)等待"},

"onlyLetter":{

"regex":"/^[a-zA-Z\

\']+$/",

"alertText":"*

只允許輸入字母"},

"validate2fields":{

"nname":"validate2fields",

"alertText":"*

你必須有姓和名"}

}

}

}

})(jQuery);

$(document).ready(function()

{

$.validationEngineLanguage.newLang()

});

這里面有不少正則表達(dá)式，很有意思。

很有意思的form表單驗(yàn)證。

PS：這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用：

JavaScript正則表達(dá)式在線測(cè)試工具：

正則表達(dá)式在線生成工具：

更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題：《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

jQuery如何實(shí)現(xiàn)一個(gè)顯示數(shù)字，雙擊后變成可輸入框？

說(shuō)一下思路啊，把輸入框和div重疊放在一起！通過(guò)控制div和輸入框的display的block和none來(lái)控制，當(dāng)然div中顯示的數(shù)字要和文本框錄入的數(shù)字同步起來(lái)！

jquery怎樣獲得同輩的前幾個(gè)和后幾個(gè)元素

你好！

獲取同輩的元素，有個(gè)siblings()方法，這個(gè)可以獲取到同級(jí)的所有元素;

還有prev()、next()分別獲取之前和之后的元素，這是取向前或向后的一個(gè)元素;

prevAll()、nextAll()是獲取之前和之后的所有同級(jí)元素;

ul

lilist?item?1/li

lilist?item?2/li

li?class="third-item"list?item?3/li

lilist?item?4/li

lilist?item?5/li

/ul

$("li.third-item").siblings();?//可以獲取4個(gè)li元素

$("li.third-item").prev();???//取得item2

$("li.third-item").next();???//取得item4

$("li.third-item").prevAll();??//取得item1?itme2

$("li.third-item").nextAll();??//取得item4?item5

還有種方式就是通過(guò)siblings()方法獲取到同級(jí)元素后，使用eq()方法定位元素

var?$lis?=?$("li:last").siblings();

$lis.eq(0)

希望對(duì)你有幫助！

什么是事件起泡，用jquery阻止事件起泡

通俗的說(shuō)就是例如一個(gè)div元素，并且有后代元素，當(dāng)對(duì)這個(gè)div設(shè)置了某個(gè)事件，它的后代元素也會(huì)執(zhí)行。

!DOCTYPE?html

html

head?

meta?charset="utf-8"?

title在線測(cè)試頁(yè)面/title?

script?type="text/javascript"?src=""/script

style

*{?padding:0;margin:0;font-size:12px;?}

.pa{?width:100px;height:100px;border:1px?solid?gray;?overflow:hidden;}

.chi{?width:100px;height:20px;background-color:#faa;float:left;line-height:20px;text-align:center;?}

.chi:hover{background-color:skyblue;}

/style

/head

body

div?class="pa"

div?class="chi"1/divdiv?class="chi"2/div

/div

button重置/button

/body

script?type="text/javascript"

$(function(){

$(".pa").click(function(){

$(this).animate({"border-radius":"20px"},500);

});

$(".chi").click(function(e){

e.stopPropagation();?//?阻止向上冒泡，注釋這句代碼可以查看效果，現(xiàn)在是已經(jīng)阻止了

});

$("button").click(function(){

$(".pa").animate({"border-radius":"0"},500);

});

});

/script

/html

文章題目：jquery在線測(cè)試,js在線測(cè)試
文章位置：http://vcdvsql.cn/article30/dsdgdpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、外貿(mào)建站、手機(jī)網(wǎng)站建設(shè)、微信公眾號(hào)、云服務(wù)器、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都網(wǎng)頁(yè)設(shè)計(jì)公司