当前位置:编程学习 > C#/ASP.NET >>

MVC如何自定义客户端验证的样式?

MVC自带客户端验证:Required、 StringLength,显示在页面上,也就一行字。是否可以做到如下效果:

1、输入时,如果错误,在要显示的字的前面放个小图标(一个红叉叉);
2、输入正确后,在后面放一个绿色的勾勾图标。

原来都是自己写JS实现的, MVC中的自带验证是否可以实现这一点?
--------------------编程问答-------------------- .error --------------------编程问答--------------------
引用 1 楼 zhujiazhi 的回复:
.error

你是说修改MVC自带的样式吗? 但前面的小图标怎么加(JS加上吗)?用户输入完后的事件怎么处理(MVC自带的貌似只有提交Form时才会进行验证)? --------------------编程问答-------------------- 默认情况下,错误的样式是.error,正确的是. --------------------编程问答-------------------- 可以把小图标做为背景图片,居左显示,大概如下


.error
{
background-image: url(error.png);
background-position: center left;
text-indent: 20px;
}
--------------------编程问答--------------------
引用 4 楼 zhujiazhi 的回复:
可以把小图标做为背景图片,居左显示,大概如下


.error
{
background-image: url(error.png);
background-position: center left;
text-indent: 20px;
}


不错,我试下。

但是,输入时,如果正确,需要在后面显示绿色的“勾”,这个怎么弄? 并且这个勾不是一开始就有,只有焦点从input框里移出时才会有。
--------------------编程问答-------------------- 正确的样式默认是
.success

也可以依照.error写一个样式的 --------------------编程问答-------------------- 我用的MVC3, 源代码中查到,正确的样式是:field-validation-valid(错误的是field-validation-error)。 
如果给field-validation-valid修改样式,那么它一开始就显示出来了,和需求不符。

顺便再问一下, MVC自带的这种验证方式, 简单是简单, 灵活性怎么样? 如果灵活性不好, 那我还是选择自己定一套验证方法吧, 以免后面实现不了用户需求。 --------------------编程问答-------------------- jquery validation
补充:.NET技术 ,  C#
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,