欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

微擎框架的一些前端操作

程序员文章站 2022-06-10 14:54:45
微擎框架的一些前端操作常使用的表单方法
//定义formcheck()方法,可以在提交前判断输入框内容的规范性

微擎框架的一些前端操作

  • 常使用的表单方法

<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;
				}
			})
}

本文地址:https://blog.csdn.net/qq_40679463/article/details/109627380