jQuery MiniUI

标题: 验证表单提交 [打印本页]

作者: q214660670 时间: 2015-7-28 11:13:46 标题: 验证表单提交

function submitForm() {
         var form = new mini.Form("#form1");

         form.validate();
         if (form.isValid() == false) return;

         //提交数据
         var data = form.getData();
         var json = mini.encode(data);
         $.ajax({
            url: "../data/FormService.aspx?method=SaveData",
            type: "post",
            data: { submitData: json },
            success: function (text) {
                  alert("提交成功，返回结果:" + text);
            }
         });

请教：  form.validate();  得到什么样的信息？
         if (form.isValid() == false) return; 做什么判断

         //提交数据
         var data = form.getData();    得到哪些类型的表单数据。这里的表单元素需要注意哪些设定？
         var json = mini.encode(data);  得到的格式是怎么样的？

作者: dforce 时间: 2015-7-28 11:25:02

form.validate(); 对表单进行验证
if (form.isValid() == false) return; 判断是否通过验证，不通过return

var data = form.getData(); 获取到的数据是name对应的对象{name1:value1,name2:value2.....}
var json = mini.encode(data); 序列化成字符串

作者: q214660670 时间: 2015-7-28 11:38:56

dforce 发表于 2015-7-28 11:25
form.validate(); 对表单进行验证
if (form.isValid() == false) return; 判断是否通过验证，不通过retur ...

  <tr>
         <td class="td1">不允许为空：</td>
         <td>
            <input class="mini-textbox" required="true" />
         </td>
         <td class="td2">required="true"</td>
      </tr>
      <tr>
         <td class="td1">必须是邮箱地址：</td>
         <td>
            <input class="mini-textbox" vtype="email" required="true"/>
         </td>
         <td class="td2">vtype="email"</td>
      </tr>

1.我没发现这里设置了name属性呀，就class=mini-textbox这类的表单  是否还需要加个Name属性
2.还是说 vtype就是定义表单的name的？
3. 序列化之后。它产生的格式是如何的？

作者: q214660670 时间: 2015-7-28 11:42:59

dforce 发表于 2015-7-28 11:25
form.validate(); 对表单进行验证
if (form.isValid() == false) return; 判断是否通过验证，不通过retur ...

  <tr>
         <td class="td1">必须是邮箱地址：</td>
         <td>
            <input class="mini-textbox" vtype="email" required="true"/>
         </td>
         <td class="td2">vtype="email"</td>
      </tr>
      <tr>
         <td class="td1">必须是URL：</td>
         <td>
            <input class="mini-textbox" vtype="url" required="true"/>
         </td>
         <td class="td2">vtype="url"</td>
      </tr>
      <tr>
         <td class="td1">必须是整数(int)：</td>
         <td>
            <input class="mini-textbox" vtype="int" required="true"/>
         </td>
         <td class="td2">vtype="int"</td>
      </tr>

问题点：
  1. 得到的格式是否{email: value,url:value,int:value ,....}?
  2.通过序列化编码，转成的字符串格式跟：{email: value,url:value,int:value ,....} 一样吗？

作者: dforce 时间: 2015-7-28 12:03:20

q214660670 发表于 2015-7-28 11:42
必须是邮箱地址：

mini.form和普通的form一样，内部控件，需要name对应，你这些控件都没name，怎么用表单方式获取值和赋值

作者: q214660670 时间: 2015-7-28 12:15:07

dforce 发表于 2015-7-28 12:03
mini.form和普通的form一样，内部控件，需要name对应，你这些控件都没name，怎么用表单方式获取值和赋值 ...

谢谢。理解

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)