jQuryeasyui(3)——Form表单基本校验-创新互联
在使用form表单时,输入的属性是有格式要求或长度等等要求的,可以使用js实现也可使用后台实现。例如:在新增用户信息时,用户名是必须填写的并要有长度限制等等,email要有格式限制等等。使用jQuery easyui实现验证:

注:引入相关的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表单基本校验-创新互联
网页链接:http://www.jxjierui.cn/article/epsod.html


咨询
建站咨询
