一个很棒的类似 Facebook 风格的 TextboxList

TypeHere.keyup(function (e) {
switch (e.keyCode) {
case 188: // ','
var myInputLength = TypeHere.val().length;
var myInputText = TypeHere.val().substring(0, myInputLength - 1); // remove ','
TypeHere.width(myInputLength * 6 + 15);
//Check for email validation. //You can apply webservices for any type of validation.
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if (myInputText.length == 0) {
TypeHere.val('');
return false;
}
if(!emailReg.test(myInputText)) {
alert('Email Is Invalid');
TypeHere.val('');
return false;
}
//Create the list item on fly and apply the css
CreateLi(myInputText)
//Save into Textbox or HiddenField
var strValue = txtValues.val() + myInputText + ';';
txtValues.val(strValue);
//Push the textbox to the right
TypeHere.width(myInputLength * 6 + 15);
//Make the input width to default and set as blank
liTypeHere.css('left', TypeHere.position().left + TypeHere.width() + 10);
TypeHere.val('');
TypeHere.width(10);
break;
}
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值