微擎框架的一些前端操作
程序员文章站
2022-06-10 14:54:45
微擎框架的一些前端操作常使用的表单方法
微擎框架的一些前端操作
<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('您是否确定提交?');
}
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