html 实例源码
实例源码：
源代码：
执行
执行中...
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>时代Java与您共同学习(NowJava.com)</title>6
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>7
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>8
<script src="https://static.NowJava.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>9
<script>10
$.validator.setDefaults({11
submitHandler: function() {12
alert("提交事件!");13
}14
});15
$().ready(function() {16
$("#commentForm").validate();17
});18
</script>19
<style>20
.error{21
color:red;22
}23
</style>24
</head>25
<body>26
<form class="cmxform" id="commentForm" method="get" action="">27
<fieldset>28
<legend>输入您的名字，邮箱，URL，备注。</legend>29
<p>30
<label for="cname">Name (必需, 最小两个字母)</label>31
<input id="cname" name="name" minlength="2" type="text" required>32
</p>33
<p>34
<label for="cemail">E-Mail (必需)</label>35
<input id="cemail" type="email" name="email" required>36
</p>37
<p>38
<label for="curl">URL (可选)</label>39
<input id="curl" type="url" name="url">40
</p>41
<p>42
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java