用户登录
用户注册

分享至

微擎框架的一些前端操作

  • 作者: 已认证58290779
  • 来源: 51数据库
  • 2021-07-06

微擎框架的一些前端操作

  • 常使用的表单方法

<form action="" method="post" class="form-horizontal form" enctype="multipart/form-data" onsubmit='return formcheck()'>
//定义formcheck()方法,可以在提交前判断输入框内容的规范性
		<label class="col-xs-12 col-sm-3 col-md-1 control-label"> 名字</label>
		<div class="col-md-2">
			<input type="text" id='name' name="name" class="form-control" value="" />
		</div>
		<div>
			<input type="submit" name="submit" value="确定" class="btn btn-primary col-lg-1" />
			<input type="hidden" name="token" value="{$_W['token']}" />
		</div>
</form>
  • 判断表单数据是否规范的方法

function formcheck() {
		if ($("#name").val()=='') {
			util.message("名字不能为空");
			return false;
		}else {
			var list = repeat_name();
			console.log(list)
			if (list ==true) {
				util.message("该名字已存在");
				return false;
			}
		}
		return window.confirm('您是否确定提交?');
	}
  • 常使用的AJAX方法

repeat_name(){
	var url = "./index.php?op=repeat_name&do=construct&m=weixinmao";//接口url
	var name = $("#name").val();//获取name的值
			$.ajax({
				"url": url,
				data: { name: name},//传入参数
				datatype: "JSON",
				async: false,
				success: function (data) {
				//以json格式获取数据
					var json = JSON.parse(data);
					console.log(json);
					var list = json.data;
					console.log(list.data)
					return list;
				}
			})
}
软件
前端设计
程序设计
Java相关