jQuryeasyui(3)——Form表单基本校验-创新互联
在使用form表单时,输入的属性是有格式要求或长度等等要求的,可以使用js实现也可使用后台实现。例如:在新增用户信息时,用户名是必须填写的并要有长度限制等等,email要有格式限制等等。使用jQuery easyui实现验证:
创新互联公司服务热线:18982081108,为您提供成都网站建设网页设计及定制高端网站建设服务,创新互联公司网页制作领域10余年,包括公路钻孔机等多个行业拥有多年的营销推广经验,选择创新互联公司,为企业保驾护航。注:引入相关的js、css文件
html代码:
jQuery代码:
$(document).ready(function(){ //自定义校验 $.extend($.fn.validatebox.defaults.rules, { //自定义验证的名称 UserLength: { //value 是输入的值,param是html中(UserLength[2,7])参数值 validator: function(value, param){ return value.length >= param[0]&&value.length <= param[1]; }, //不符合自定义验证时的提示信息 message: '账户字符的长度必须在{0}到{1}个间.' }, PwdLength:{ validator:function(value,param){ return value.length >=6 ; }, message:"密码长度至少为{0}位" } }); //日期输入框 $("#birthday").datebox(); //下拉列表框 也可以使用select 标签实现 $("#city").combobox({ url:"city.json", valueField:"city", textField:"city" }); //数字输入框 只允许输入数字 $("#salary").numberbox({ min:2000, max:100000, required:true, missingMessage:"薪资必填!", precision:2 }); });
city.json 下拉列表中要显示的值,如:
[
{"id":1,"city":"上海"},
{"id":2,"city":"北京"},
{"id":3,"city":"深圳"}
]
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前名称:jQuryeasyui(3)——Form表单基本校验-创新互联
标题URL:http://myzitong.com/article/epsod.html