登录 注册 易寻首页

易U QQ群:248861958

表单验证 F
属性说明
reqreq="true" 表示必填项,不能为空
exp填写正则表达式,当前元素内的内容符合发回true,不符合给出警告
def默认提示 一般和 form标签的dcss 一起用
ts当内容不符时的提示信息
fname无刷新上传文件的的name
funbak无刷新上传文件成功后后台返回的信息 的回调函数
furl无刷新上传文件地址 当为空时 默认为当前form的action地址
funstr上传开始时执行的函数 默认为空

• req 属性

<!--
	req="true" 表示用户名为必填项,当用户名为空是提示为:
	提示语默认是 元素的父级的上一个元素的内容。下面的提示为 用户名不能为空;
	自定义提示提示信息看 属性ts
-->
<form action="" method="post">
<table>
	<tr><td>用户名:</td><td><input type="text" req="true"></td></tr>
	<tr><td colspan="2"><input type="submit" value="提交"></td></tr>
</table>
</form>

• exp | ts 属性

<!--
exp="这里填写正则表达式" 表示当内容不为空时,用正则表达式验证当前元素里面的内容
如:必填 邮箱格式 自定义提示语
-->
<form action="javascript:;" method="post">
<table>
	<tr><td>email:</td><td><input type="text" ts="邮箱格式不正确" req="true" exp="^[\w\-_\.]+@[\w\-]+(\.[a-zA-Z]{2,6}){1,2}$"></td></tr>
    <tr><td colspan="2"><input type="submit" value="提交"></td></tr>
</table>

• def | dcss 属性

<!--
当内容为空或者为默认值是 使用 dcss定义的样式
-->
<form action="" dcss="f3" method="get">
<input name="tag" type="text" class=" f3" value="请输入标签" def="请输入标签">
<input type="submit" value="GO">
</form>

• fname | funbak | furl | funstr 属性

<!--
fname:后台接收时用的名字, 必填
funstr:开始上传执行的函数, 默认无
funbak:上传成功后的回调函数, 必填
furl:上传地址; 默认当前form的提交页面
注意:上传地址和当前地址必须为同意域名否则回调函数获取不到 上传成功发回的地址。

a.php:

$path='a.jpg';
move_uploaded_file($_FILES['uimg']['tmp_name'],$path);
exit(json_encode(array('ztai'=>true,'url'=>$path)));


-->

<form action=""  method="get">
<input type="button" fname="uimg" funstr="function(){document.title='图片正在上传……';}" funbak="ddd" furl="a.php" value="本地上传">
</form>
<script type="text/javascript">
function ddd(da){
	
	if(da.ztai){
		document.title='上传完成';
		ui.success('上传成功保存地址为'+da.url);
	}
}
</script>

• F.on方法

<input type="button" value="点击我" id="fff">
<script type="text/javascript">
/*
 F.on(el,event,f);
 @el:对象元素,A.$('id');jquery $('#id')[0];
 @event:事件
 @f:function
*/
F.on(A.$('fff'),'click',function(){
	ui.alert(this.tagName+'的onclick事件');
})
</script>

• F.addcss | F.hascss | F.remove方法

<style type="text/css">
.i{color:red;}
</style>
<div id="eee" class="print">fffffffffffff</div>
<input type="button" id="f1"  value="字体变红">
<input type="button" id="f2"  value="去掉红色">
<input type="button" id="f3"  value="是否含有css类 i">
<script type="text/javascript">
/*
 F.addcss(el,css);F.remove(el,css);F.hascss(el,css);
 @el:对象元素,A.$('id');jquery $('#id')[0];
 @css:css类名
*/
F.on(A.$('f1'),'click',function(){
	F.addcss(A.$('eee'),'i');
})
F.on(A.$('f2'),'click',function(){
	F.remove(A.$('eee'),'i');
})
F.on(A.$('f3'),'click',function(){
	ui.alert(F.hascss(A.$('eee'),'i'));
})
</script>

• F.st方法

<script type="text/javascript">
/*
 F.st 初始化表单函数,页面加载完调用,如果js动态创建的表单,创建后调用
*/
F.st();
</script>

• F.css 属性

/*
 当表单不符合条件时样式,默认为
*/            
.F_css{border-color:#F00 !important;}
                

京ICP备12040723号 关于易寻 联系我们 手机版