jQuery 양식 플러그인의 formDdata 매개변수 확인 양식 및 verify_jquery 후 제출

Form Plugin API는 양식 및 양식 제출 프로세스에서 데이터를 쉽게 처리할 수 있는 많은 유용한 방법을 제공합니다.

테스트 환경: Tomcat의 웹 프로젝트에 배포되었습니다.

1. 종속 js 소개

<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>

2. 초기화 콜백 함수.

먼저 양식을 초기화하고 beforeSubmit 콜백 함수를 제공합니다. 이는 유효성 검사에 사용되는 함수입니다.

$(document).ready(function() { 
$('#myForm').ajaxForm({ 
target:'#output1', // 用服务器返回的数据 更新 id为output1的内容.
beforeSubmit: validate // 提交前，验证
}); 
});

3. 검증규칙

function validate(formData, jqForm, options) { 
// formdata是数组对象,每个对象拥有名称和值.
// 数据如下面的格式：
// [ 
// { name: username , value: usernameValue }, 
// { name: password , value: passwordValue } 
// ] 
for (var i=0; i < formData.length; i++) { 
if (!formData[i].value) { 
alert('用户名,地址和自我介绍都不能为空!'); 
return false; 
} 
} 
var queryString = $.param(formData); //组装数据
//alert(queryString); //类似 ： name=1&add=2 
return true; 
}

4. 상세코드 :

<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
 


 Demo 5 :jQuery form插件的使用--用 formData 参数校验表单，验证后提交（简单验证）. 
 
名称：  

地址： 
 
自我介绍：  

 

위는 편집자가 공유한 jQuery 양식 플러그인의 formDdata 매개변수 확인 양식과 확인 후 제출된 모든 내용이 모두에게 도움이 되기를 바랍니다.