JQuery-Formularvalidierungswissen wird häufig in Projekten verwendet. Tatsächlich ist es nicht kompliziert, Ihnen das jQuery-Formularvalidierungs-Plug-in (fieldValue) vorzustellen, um das Formular zu überprüfen . Wenn Sie interessiert sind, lernen wir gemeinsam mit Freunden
<!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>Das Obige ist der relevante Inhalt für die Überprüfung des Formulars mit dem jQuery-Formularvalidierungs-Plug-in (fieldValue). Ich hoffe, es gefällt Ihnen.
Was sind die Verwendungsmöglichkeiten von MySQL?
So reinigen Sie das Laufwerk C, wenn es rot wird
So registrieren Sie sich bei Binance
jquery animieren
Was tun, wenn Chrome keine Plugins laden kann?
Lösung für den belegten Port phpstudy3306
Fehlermanagement-Tool
Der Unterschied zwischen vue3.0 und 2.0
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
