jQuery form 表单验证插件(fieldValue)校验表单

更新时间：2026-04-09 17:13:53作者：fang

jQuery form表单验证相关知识，在做项目中经常会用到，其实也不算复杂，下面通过一段代码给大家介绍jQuery form 表单验证插件(fieldValue)校验表单的相关知识，感兴趣的朋友一起学习吧

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>jQuery form插件的使用--使用 fieldValue 方法校验表单.</title>

$(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>

名称： <input type="text" name="name" id="name" /> <br/>

地址： <input type="text" name="address" id="address"/><br/>

自我介绍： <textarea name="comment" id="comment" ></textarea> <br/>

</form>

</body>

</html>

以上所述是针对jQuery form 表单验证插件(fieldValue)校验表单的相关内容，希望大家喜欢。

手游推荐