[造轮子]HTML表单校验,基于jQuery(xValidator v0.5)
捣鼓了一个HTML表单校验组件,基于jQuery。 请前辈指教。
使用方法请参见 index.html,等有时间了,我再写个简单的上手说明。 https://github.com/itonyday/xValidator 使用方法: 注册校验规则:
$("#btn2").click(function () {
$("#box1").validator({
name: {
required: {
value: true,
msg: "name is requried."
}
// , minlength: 2
// , maxlength: {
// value: 4,
// msg: "最多4个字符。"
// }
// , msg: "name is required, at least 2 chars."
//msg:"name required."
}
// , faxNo:{
// required:{
// value:true,
// msg:"fax no is required."
// },
// regex:{
// value:/^\d{4}$/
// },
// msg:"fax no is required, and must be a proper format."
// , msgElement:$("#phoneNo-v-msg")
// }
// , city:"required"
// , tickets:{
// required:{
// value:true,
// msg:"请选择车票"
// }
// }
// , certification:"required"
// , "hobby":{
// required:true,
// msgElement:$("#hobby-v-msg")
// }
// , email:{
// email:true
// , msg:"please input a valid email address."
// }
// , phoneNo: "number"
// , "age": {
// required: {
// value: true,
// msg: "填报年龄审核。"
// },
// max: 60,
// min: {
// value: 18,
// msg: "未成年人不得参加。"
// },
// msg: "18-60岁才能参加。"
// }
, content: function ($value) {
if ($value.indexOf("grape") != -1) {
$("#content-v-msg").hide();
return true;
}
$("#content-v-msg").show().html("内容要包括 grape 单词。");
return false;
}
});
});