html 提交表单script 验证,validform表单验证

validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素，这种形式非常方便，下面写法更加智能得到label内容来提示

【1】引入js脚本：

【2】html：

类型

--请选择--

selected >${obj.name}

设备名称

【3】js脚本：

// 添加验证

$(function(){

var demo=$("#validform").Validform({//指明是哪一表单需要验证,名称需加在form表单上;

tiptype:3

,label:".control-label"

,showAllError:true

,ignoreHidden:true

,datatype:{

"zh1-6":/^[\u4E00-\u9FA5\uf900-\ufa2d]{1,6}$/

,"Aa1":/^[A-Za-z0-9]+$/

}

});

demo.addRule([

{

ele:".inputxt"

,datatype:"*1-256"

},

{

ele:"select"//--请选择--,这一项的值为空，否则无效

,datatype:"*"//也可以写到input标签里

}

]);

// 阻止表单提交(这是一种形式，因为还没找到两者比较时候的判断)

$("#submit").click(function(event) {

var highest = $("#highest").val();

var lowest = $("#lowest").val();

if(highest <= lowest){

alert("最高层熟不能小于最低层数");

return false;// 禁止提交

}

if(lowest > 2){

alert("最低层数不能大于1");

return false;

}

});

})