验证表单提交

q214660670

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

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

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

q214660670

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

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

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

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

q214660670

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

谢谢。理解