cari

Rumah >hujung hadapan web >tutorial js >jQuery borang pengesahan pemalam (fieldValue) pengesahan form_jquery

jQuery borang pengesahan pemalam (fieldValue) pengesahan form_jquery

WBOY
WBOYasal
2016-05-16 15:18:271532semak imbas

Pengetahuan berkaitan pengesahan borang JQuery sering digunakan dalam projek Sebenarnya, ia tidak rumit untuk memperkenalkan kepada anda pengetahuan berkaitan pemalam pengesahan borang jQuery (fieldValue) untuk mengesahkan borang. . Jika anda berminat Jom belajar bersama kawan

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery form插件的使用--使用 fieldValue 方法校验表单.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(function() { 
$('#myForm').ajaxForm({ 
target: '#output1', // 用服务器返回的数据 更新 id为output1的内容.
beforeSubmit: validate // 提交前，验证
}); 
});
function validate(formData, jqForm, options) { 
// fieldValue 是表单插件的一个方法，它能找出表单中的元素的值，返回一个集合。
var usernameValue = $('input[name=name]').fieldValue(); 
var addressValue = $('input[name=address]').fieldValue(); 
if (!usernameValue[0] || !addressValue[0]) { 
alert('用户名和地址不能为空，自我介绍可以为空！'); 
return false; 
} 
var queryString = $.param(formData); //组装数据
//alert(queryString); //类似 ： name=1&add=2 
return true; 
}
</script> 
</head>
<body>
<h3> Demo 7 : jQuery form插件的使用--使用 fieldValue 方法校验表单. </h3>
<!-- demo1 -->
<form id="myForm" action="ajax2.jsp" method="post"> 
名称： <input type="text" name="name" id="name" /> <br/>
地址： <input type="text" name="address" id="address"/><br/> 
自我介绍： <textarea name="comment" id="comment" ></textarea> <br/>
<input type="submit" id="test" value="提交" /> <br/>
<div id="output1" ></div>
</form>
</body>
</html>

Di atas ialah kandungan yang berkaitan untuk mengesahkan borang menggunakan pemalam pengesahan borang jQuery (fieldValue).

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Cara menggunakan $http untuk menambah, memadam, mengubah suai dan menanyakan jadual data MongoLab dalam AngularJS_AngularJSArtikel seterusnya：Cara menggunakan $http untuk menambah, memadam, mengubah suai dan menanyakan jadual data MongoLab dalam AngularJS_AngularJS

Artikel berkaitan

Lihat lagi