mvc 如何实现文本框输入条件+命令按钮 标签和文本框实现查询

当前位置: →
→ 求教高手,在MVC2中如何让文本框只能输入数字
求教高手,在MVC2中如何让文本框只能输入数字
& 作者:佚名 & 来源: 互联网 & 热度:
&收藏到→_→:
摘要: 求教高手,在MVC2中怎么让文本框只能输入数字?如题,在MVC2中怎么让文本框只能输入数字?如&%= Html.TextBox(&Num&qu...
"求教高手,在MVC2中如何让文本框只能输入数字"::
求教高手,在mvc2中怎么让只能输入数字?如题,在mvc2中怎么让只能输入数字?如&%= html.textbox(&num&)%&和&%= html.textbox(&price&)%&我想在上只能输入数量和价格,应该怎么做呢?求解,谢谢!------解决方案--------------------
绑定一个keyup事件 对里面的值进行判断就可以了& $(&#id&).bind(&keyup&,function(){$(this).val($(this).val().replace(/[\d]/g, &&));& }); 此文来自: 马开东博客
转载请注明出处 网址:
搜索此文相关文章:只能输入数字此文来自: 马开东博客
网址: 站长QQ
上一篇:没有了
求教高手,在MVC2中如何让文本框只能输入数字_ASP.NET技术相关文章
ASP.NET技术_总排行榜
ASP.NET技术_最新
ASP.NET技术_月排行榜
ASP.NET技术_周排行榜
ASP.NET技术_日排行榜&nbsp>&nbsp
&nbsp>&nbsp
&nbsp>&nbsp
给文本框添加模糊搜索功能(&我记录&MVC框架下实现)
摘要:步骤:&1、在文本框中输入内容时,触发keyup事件;&2、在keyup事件的处理方法中,通过Ajax调用控制器的方法;&3、在控制器方法中,搜索满足条件的数据,这里分页获取数据,且只取第一页的数据,返回Json数据;&4、JavaScript处理返回的数据,拼HTML,生成列表框,并为列表框添加鼠标点击事件。&&&一、HTML代码和CSS代码:&&复制代码&&&nb
1、在文本框中输入内容时,触发keyup事件;
2、在keyup事件的处理方法中,通过Ajax调用控制器的方法;
3、在控制器方法中,搜索满足条件的数据,这里分页获取数据,且只取第一页的数据,返回Json数据;
4、JavaScript处理返回的数据,拼HTML,生成列表框,并为列表框添加鼠标点击事件。
一、HTML代码和CSS代码:
& & & & & & &tr&
& & & & & & & & &td class=&tdTitle&&
& & & & & & & & & & 学校名称:
& & & & & & & & &/td&
& & & & & & & & &td&
& & & & & & & & & &
& & & & & & & & & & & & &input id=&sclName& type=&text& name=&sys_Grade.Scl.Name& class=&tipInput& tip=&请输入学校名称&
& & & & & & & & & & & & & & value=&#{sys_Grade.Scl.Name}& onkeyup=&searchSchool()& /&
& & & & & & & & & & & & &span class=&valid& msg=&学校名称不能为空& mode=&& rule=&& ajaxaction=&#{ajaxCheckUrl}&&
& & & & & & & & & & & &
& & & & & & & & & & & & &input id=&hidSclName& type=&hidden& name=&sys_Grade.Scl& value=&#{sys_Grade.Scl.Id}& /&
& & & & & & & & & & & & &!--模糊搜索结果显示p--&
& & & & & & & & & & & & &p id=&pSel& style=&border: solid 1px #666; height: 95 width: 200 background-color: #
& & & & & & & & & & & & & & position: display: overflow: z-index: 99999;&&
& & & & & & & & & & & &
& & & & & & & & & &
& & & & & & & & &/td&
& & & & & & &/tr&
& & .pItem:hover
& & & & background-color: #
& & & & cursor:
二、JavaScript代码:
&script type=&text/javascript&&
& & //模糊搜索学校
& & function searchSchool() {
& & & & var key = $(&#sclName&).val(); //取用户输入的关键字
& & & & if ($.trim(key) == &&) { //如果用户输入的关键字为空,则不搜索
& & & & & & $(&#pSel&).css(&display&, &none&);
& & & & & &
& & & & $.ajax({
& & & & & & type: &GET&,
& & & & & & url: &/School/Sys_Grade/SearchSchool&,
& & & & & & data: &key=& + escape(key), //传参
& & & & & & success: function (data) {
& & & & & & & & if (data.length != 0) { //如果结果不为空
& & & & & & & & & & $(&#pSel&).css(&display&, &&);
& & & & & & & & & & var html = &&;
& & & & & & & & & & for (var i = 0; i & data. i++) {
& & & & & & & & & & & & html += &&p onclick='pItemClick(this)' itemId='& + data[i].Id + &' class='pItem'&& + data[i].Name + &&;
& & & & & & & & & & }
& & & & & & & & & & $(&#pSel&).html(html);
& & & & & & & & & & $(&#sclName&).css(&border&, &solid 1px #000&);
& & & & & & & & }
& & & & & & & & else { //搜索不到结果
& & & & & & & & & & $(&#sclName&).css(&border&, &dashed 1px red&);
& & & & & & & & & & $(&#pSel&).css(&display&, &none&);
& & & & & & & & & & $(&#hidSclName&).val(&&);
& & & & & & & & }
& & & & & & & & if (data.length = 1) { //搜索结果有且只有一个
& & & & & & & & & & $(&#hidSclName&).val(data[0].Id);
& & & & & & & & }
& & & & & & }
& & & & });
& & //模糊搜索结果选项点击事件
& & function pItemClick(obj) {
& & & & $(&#sclName&).val($(obj).text());
& & & & $(&#sclName&).css(&color&, &#000&);
& & & & $(&#hidSclName&).val($(obj).attr(&itemId&));
& & & & $(&#sclName&).focus();
& & & & $(&#pSel&).css(&display&, &none&);
三、控制器代码:
& & & & /// &summary&
& & & & /// 查询学校
& & & & /// &/summary&
& & & & public void SearchSchool()
& & & & & & string key = (string)ctx.Get(&key&);
& & & & & & try
& & & & & & {
& & & & & & & & List&Sys_School& sclList = Sys_SchoolService.GetListQueryName(key);//根据关键字查询学校集合
& & & & & & & & if (sclList != null &;&; sclList.Count & 0)
& & & & & & & & {
& & & & & & & & & & List&Dictionary&string, string&& dicList = new List&Dictionary&string, string&&();
& & & & & & & & & & foreach (Sys_School scl in sclList)
& & & & & & & & & & {
& & & & & & & & & & & & Dictionary&string, string& dic = new Dictionary&string, string&();
& & & & & & & & & & & & dic.Add(&Id&, scl.Id.ToString());
& & & & & & & & & & & & dic.Add(&Name&, scl.Name);
& & & & & & & & & & & & dicList.Add(dic);
& & & & & & & & & & }
& & & & & & & & & & echoJson(dicList);
& & & & & & & & }
& & & & & & & & else
& & & & & & & & {
& & & & & & & & & & echoText(null);//搜索不到返回空
& & & & & & & & }
& & & & & & }
& & & & & & catch
& & & & & & {
& & & & & & & & echoText(null);//出错返回空,表示不做任何处理
& & & & & & }
四、Service层代码:
& & /// &summary&
& & /// 学校管理
& & /// &/summary&
& & public class Sys_SchoolService
& & & & /// &summary&
& & & & /// 根据学校名称关键字查询学校集合
& & & & /// &/summary&
& & & & /// &param name=&key&&学校名称关键字&/param&
& & & & public static List&Sys_School& GetListQueryName(string key)
& & & & & & return Sys_School.findPage(&Name like '%& + key + &%' order by Name&, 5).R
以上是的内容,更多
的内容,请您使用右上方搜索功能获取相关信息。
若你要投稿、删除文章请联系邮箱:zixun-group@service.aliyun.com,工作人员会在五个工作日内给你回复。
新用户大礼包!
现在注册,免费体验40+云产品,及域名优惠!
云服务器 ECS
可弹性伸缩、安全稳定、简单易用
&40.8元/月起
预测未发生的攻击
&24元/月起
你可能还喜欢
你可能感兴趣
阿里云教程中心为您免费提供
给文本框添加模糊搜索功能(&我记录&MVC框架下实现)相关信息,包括
的信息,所有给文本框添加模糊搜索功能(&我记录&MVC框架下实现)相关内容均不代表阿里云的意见!投稿删除文章请联系邮箱:zixun-group@service.aliyun.com,工作人员会在五个工作日内答复
售前咨询热线
支持与服务
资源和社区
关注阿里云
Internationalasp.net mvc模式中 怎么对文本框进行验证_百度知道
asp.net mvc模式中 怎么对文本框进行验证
asp.net mvc模式中 怎么对文本框进行验证
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
...用JS验证或者用验证控件啊。 不过一般客户端验证了
服务3、端还会验证 。 因为有的浏览器不支持Javascript客户端验证:
&script language=&javascript& type=&text/javascript&&
function fn()
var str = document.getElementById(&TextBox1&).
if(str.length==0)
alert(&输入不能为空&);
document.getElementById(&TextBox1&).focus();
对文本框进行验证,根据文本框输入内容的要求或限制编写代码。客户端可以使用JS脚本验证文本框内容的有效性(例如:只允许是整数内容),可以减少文本输入框内容无效时客户端与服务器PostBack的过程。服务器必须再验证一次,不是因为浏览器是否支持JavaScript,是为了系统的安全,因为有很多方法可以绕过客户端验证,如果服务器端没有验证文本框内容的有效性,那么很容易被不法分子利用侵入服务器。就文本框验证与MVC来说,只在控制层。
为您推荐:
其他类似问题
您可能关注的内容
mvc的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。MVC中视图页面循环点击按钮 添加文本框
[问题点数:40分,结帖人xw]
本版专家分:0
结帖率 100%
CSDN今日推荐
本版专家分:2216
本版专家分:1098
本版专家分:0
匿名用户不能发表回复!|
其他相关推荐[.net MVC]controller怎样获得文本框的值_百度知道
[.net MVC]controller怎样获得文本框的值
textbox是在form中的
&%: Html.TextBox(&userName&)%&
controller:
sms sms = new sms()
{date=DateTime.Now,puserName=User.Identity.Name,
userID=userRepository.GetUserID(&参数&)};
请问怎么才能获得text的值呢?我想把它...
提交form引发controller的这个action
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
在这个View页面引用一个业务类:@model sms,在类中定义一个字段比如:public string UserName{}在View页面这样使用:@Html.TextBoxFor(x=&x.UserName),输入字符后,点击Submit按钮,会将整个页面的Model传到后台action中。即:sms.UserName就是View页面输入的值
呵呵,这样也可以,不过我用了个更简便的方法解决了,userID=userRepository.GetUserID(Request.Form[&userName&])
采纳率:30%
为您推荐:
其他类似问题
mvc的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}

我要回帖

更多关于 图片和文本框怎么组合 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信