minini Form input

最新推荐文章于 2023-12-30 19:29:25 发布

yongweb

最新推荐文章于 2023-12-30 19:29:25 发布

阅读量541

点赞数

分类专栏：数据库知识经验工作开发经验总结

本文链接：https://blog.csdn.net/yongweb/article/details/23943947

版权

工作开发经验总结同时被 2 个专栏收录

44 篇文章 0 订阅

订阅专栏

数据库知识经验

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>
<body>
<h1>Form 表单</h1>

   <tr>
    <td><label for="textbox1">用户：</label></td>
    <td><input id="textbox1" name="username" class="mini-textbox"
     required="true" /></td>
   </tr>
   <tr>
    <td><label for="pwd1">密码：</label></td>
    <td><input id="pwd1" name="Pwd" class="mini-password"
     required="true" /></td>
   </tr>

    <tr>
    <td><label for="dept">部门：</label></td>
    <td><input id="dept" name="dept" class="mini-textbox"
     required="true" /></td>
   </tr>
   <td><input value="SubmitFrom" type="button"
    οnclick="submitForm()" /></td>
  </table>
</div>
<script type="text/javascript">
  function submitForm() {

   //提交表单数据
   var form = new mini.Form("#form1");
   var form = new mini.Form("#form1");
   var data = form.getData(); //获取表单多个控件的数据
   var data=form.getData();获取表单多个控件的数据
   var json = mini.encode(data); //把控件的数据序列化成JSON
   $.ajax({
    url : "../data/FormService.jsp?method=SaveData",
    type : "post",
    data : {
     submitData : json
    },
    success : function(text) {
     alert("提交成功aaa，返回结果:" + text);
    }
   });

}
</script>

<div class="description">
  <h3>Description</h3>
  <p>MiniUI Form能批量对多个控件进行赋值、取值、重置、验证、获取错误信息等。</p>
  <p>使用ajax进行数据的加载和提交操作。</p>
  <p>当调用"setData"/"getData"方法时，将根据表单控件的name属性进行值的设置和获取操作。</p>
</div>
</body>
</html>

yongweb

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
minini Form input

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Form Form 表单用户： required="true" /> 密码：
复制链接

扫一扫