兩個簡單的驗證用的jquery框架

走墨 2014-07-14

展開全文

<%@page import="java.util.Date"%>

<%@page contentType="text/html; charset=UTF-8" %>

<%@page import="java.text.SimpleDateFormat"%>

<%@page import="org.my431.util.RandomGuid"%>

<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>${appName}</title>

$(document).ready(function(){

jQuery.validator.addMethod("isKeyUnique", function(value, element) {

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

var id=$("#appId").val();

var length =1;

$.ajax({

async: false,

type:'post',

url:'${root}/base/BaseResourceApp/checkKey.jspx?key='+key+'&id='+id,

success:function(msg){

if(msg==0){

length=0;

}

});

return length==0? true:false;

}, "key值重復(fù)！");

jQuery.validator.addMethod("isIp", function(value, element) {

var length = value.length;

var ip =/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;

return (ip.exec(value))? true:false;

}, "請正確填寫正確的ip地址！");

$(".fmsubmit").click(function(){

$("#frm").submit();

});

var validator=$("#frm").validate({

errorClass:"fm-ms-error",//用此設(shè)定的樣式來定義錯誤消息的樣式

rules: { //定義驗證規(guī)則,其中屬性名為表單的name屬性

name: {

required: true,

maxlength: 200

ip:{

required:true,

isIp:true

key: {

required: true,

maxlength: 40,

isKeyUnique:true

}

messages: { //自定義驗證消息

name: {

required: "資源應(yīng)用名稱不能為空！",

maxlength: "資源應(yīng)用名稱字?jǐn)?shù)不能超過200"

ip: {

required: "資源應(yīng)用ip不能為空！"

key: {

required: "資源應(yīng)用key不能為空！",

maxlength: "資源應(yīng)用key字?jǐn)?shù)不能超過40"

}

errorPlacement: function(error, element) {

if ( element.is(":radio")|| element.is(":checkbox") || element.is(".st-group-input") || element.is(":file"))

error.appendTo( element.parent().parent());

else

error.appendTo( element.parent("td") );

highlight: function(element, errorClass) {

$(element).addClass(errorClass);

unhighlight: function(element, errorClass) {

$(element).removeClass(errorClass);

success: function(label) {

label.addClass("fm-ms-success").html(" ");

submitHandler:function(form){

frm.submit();

validClass:"fm-ms-success"http://設(shè)定當(dāng)驗證通過時，消息顯示的樣式

});

function goback(){

document.location.href="${root}/base/BaseResourceApp/list.jspx";

}

</script>

</head>

<div class="breadcrumb">當(dāng)前位置：

</div>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</div>

</body>

</html>

總結(jié)： 1 在剛寫好代碼時發(fā)現(xiàn)火狐和360 不兼容，即火狐下是正常的，而360 ie 等不可以，這是仔細(xì)檢查了代碼，發(fā)現(xiàn) 【 required: "資源應(yīng)用ip不能為空！" ，】后面多了一個逗號，所以一定要嚴(yán)格按照標(biāo)準(zhǔn)來寫代碼

2 學(xué)習(xí)如何自定義方法

3 ajax 的非異步