更改form验证示例

jquery · Mar 29, 2012 · 5539150 · 5539150
1 parent e45b41c
commit 5539150
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/ya/demos/form/default.html b/ya/demos/form/default.html
@@ -33,6 +33,10 @@
 		.ff-wrapper{
 		    position:relative;
 		}
+		.error-right .ui-form-field-message{
+		    right:-225px;
+		    top:0px;
+		}
 	</style>
 
 	<script src="../../jqui/js/jquery.min.js"></script>
@@ -130,7 +134,8 @@
 					"selector":'textarea',
 			  		"vtype":'email',
 			  		"defaultValue":"test@admin.com",
-			  		"errorMsg":'请填写合法的邮箱地址'
+			  		"errorMsg":'请填写合法的邮箱地址',
+			  		"errorTpl":'<span class="ui-icon-error"></span><div class="message-content">${content}</div>'   //自定义错误信息提示摸板样式
 				},{
 					"selector":'#select2',
 			  		"vtype":'trim',
@@ -188,7 +193,7 @@
   		<input class="rd" type="radio" name="name2" value="0" />
   		<input class="rd" type="radio" name="name2" value="1" />
   	</div>
-  	<div class="ff-wrapper">
+  	<div class="ff-wrapper error-right">
   		<textarea name="name3"></textarea>
   	</div>
   	<div class="select-wrapper">

diff --git a/ya/themes/default/jquery.ui.form.css b/ya/themes/default/jquery.ui.form.css
@@ -13,6 +13,8 @@
     right:5px;
     top:0px;
     cursor:pointer;
+    color:#d11919;
+    font-weight: bold;
 }
 .ui-form-field-message .message-content{
     margin:0px 10px 0px 43px;