jQuery validation 插件 - ThemeRolldered 实例
jQuery validation 插件 - ThemeRolldered 实例
实例源码：
源代码：
执行
执行中...
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>jQuery validation 插件 - ThemeRolldered 实例</title>6
<link rel="stylesheet" media="screen" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.min.css">7
<style>8
body {9
font-size: 62.5%;10
}11
label {12
display: inline-block;13
width: 100px;14
}15
legend {16
padding: 0.5em;17
}18
fieldset fieldset label {19
display: block;20
}21
#commentForm {22
width: 500px;23
}24
#commentForm label {25
width: 250px;26
}27
#commentForm label.error, #commentForm button.submit {28
margin-left: 253px;29
}30
#signupForm {31
width: 670px;32
}33
#signupForm label.error {34
margin-left: 10px;35
width: auto;36
display: inline;37
}38
#newsletter_topics label.error {39
display: none;40
margin-left: 103px;41
}42
</style>43
</head>44
<body>45
<form class="cmxform" id="commentForm" method="get" action="">46
<fieldset class="ui-widget ui-widget-content ui-corner-all">47
<legend class="ui-widget ui-widget-header ui-corner-all">请提供您的名字、电子邮件地址（不会被公布）和评论</legend>48
<p>49
<label for="cname">请提供您的名字、电子邮件地址（不会被公布）和评论</label>50
<input id="cname" name="name" class="ui-widget-content" minlength="2" required type="text">51
<p>52
<label for="cemail">E-Mail（必填）</label>53
<input id="cemail" name="email" class="ui-widget-content" type="email" required>54
</p>55
<p>56
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java