修改flex验证提示,以及一般提示的字体样式

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="vertical"
				fontSize="12"
				width="396"
				height="302">

	<mx:Style>
		<![CDATA[
 
ToolTip{
     font-size: 30;
     font-style: normal;
     font-weight: normal;
}
.errorTip{
     font-size: 12;
     font-style: normal;
     font-weight: normal;
}
 ]]>

	</mx:Style>

	<mx:StringValidator id="nameV"
						source="{nameTI}"
						property="text"
						minLength="2"
						maxLength="5"
						requiredFieldError="必须输入姓名!"
						tooShortError="姓名过短!"
						tooLongError="姓名过长!"
						trigger="{btn}"
						triggerEvent="click"
						/>

	<mx:NumberValidator id="ageV"
						source="{ageTI}"
						property="text"
						domain="int"
						minValue="6"
						maxValue="100"
						lowerThanminerror="年龄过小!"
						exceedsMaxError="年龄过大!"
						integerError="年龄必须是整数!"
						invalidCharError='输入了非数字字符!'
						requiredFieldError="必须输入年龄!"
						trigger="{btn}"
						triggerEvent="click"/>

	<mx:Validator id="sexV"
				  source="{sexRBG}"
				  property="selectedValue"
				  requiredFieldError="必须选择性别!"
				  trigger="{btn}"
				  triggerEvent="click"
				  listener="{maleRB}"/>

	<mx:EmailValidator id="emailV"
					   source="{emailTI}"
					   property="text"
					   requiredFieldError="必须输入E-mail"
					   invalidCharError="E-mail地址中有错误字符。"
					   invalidDomainError="E-mail地址中的域名不符合规范。"
					   invalidIPDomainError="E-mail地址中的IP格式域名不符合规范。"
					   invalidPeriodsInDomainError="域名中的“.”错误。"
					   missingAtSignError="E-mail地址缺少“@”符号。"
					   missingPeriodindomainError="域名中缺少“.”"
					   missingUsernameError="E-mail地址缺少用户名。"
					   tooManyAtSignsError="E-mail地址中的“@”符号太多。"
					   trigger="{btn}"
					   triggerEvent="click"/>

	<mx:FormItem label="姓名:"
				 width="200">
		<mx:TextInput id="nameTI"/>
	</mx:FormItem>

	<mx:FormItem label="年龄:"
				 width="200">
		<mx:TextInput id="ageTI"/>
	</mx:FormItem>

	<mx:FormItem label="性别:"
				 direction="horizontal"
				 width="200">
		<mx:RadioButtonGroup id="sexRBG"/>
		<mx:RadioButton id="maleRB"
						groupName="sexRBG"
						label="男"
						value="1"/>
		<mx:RadioButton id="femaleRB"
						groupName="sexRBG"
						label="女"
						value="0"/>
	</mx:FormItem>

	<mx:FormItem label="E-mail:"
				 width="200">
		<mx:TextInput id="emailTI"/>
	</mx:FormItem>

	<mx:Button id="btn"
			   label="提交"/>
	<mx:VBox backgroundColor="yellow">

	</mx:VBox>
	<mx:TextInput toolTip="天空好清!"/>

</mx:Application>

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...