首页 > 代码库 > easyUI中的form表单
easyUI中的form表单
首先创建form表单，并在form表单上创建id便于执行表单验证
<form id="form1"action="" method="post" > 用户名：<input class="easyui-textbox" style="width:200px" data-options=" required:true,validType:‘length[2,10]‘ "><br><br> 密码： <input class="easyui-textbox" style="width:200px" data-options="type:‘password‘, required:true,validType:‘length[6,10]‘"><br><br> 年龄： <input class="easyui-numberbox"style="width:200px" data-options="min:18,max:99"> <br><br> <a id="lb1" style="width:80px" class="easyui-linkbutton" href="http://www.mamicode.com/#">提交</a> </form>
2.通过URL接受参数
3.通过表单的回调函数进行验证（触发前验证onSubmit和触发成功后验证success）
<script type="text/javascript">
$(function(){
//提交按钮
$("#lb1").click(function(){
$("#form1").form(‘submit‘,{
url:‘SaveUserServlet‘,
//提交前验证
onSubmit:function(){ //提交触发前的回调函数
//检查组件验证是否通过
var isValid = $(this).form(‘validate‘);
if (!isValid){
$.messager.show({
title:‘消息‘,
msg:‘数据验证未通过‘
});
}
return isValid; // 返回false终止表单提交
},
success:function(data)
{
//alert("返回结果="+data);
//js方式解析JSON
var msg = eval("("+ data +")");//eval是js的方法
if(msg.success)
{
alert(msg.message);
}
}
});
});
})
</script>
easyUI中的form表单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。