欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序~表单提交、验证

程序员文章站 2022-04-04 20:45:43
...

在wxml中:

<form bindsubmit="formSubmit" bindreset="formReset">
    <input type="text" name="name_1"></input>
    <button form-type='submit'>登录</button>
    <button form-type='reset'>重置</button>    
</form>

在js中:

formSubmit:function(e){
console.log(e);//控制台打印输出表单信息,在detail中的value中,页面输入的信息会以其input标签中的name命名
//进行e中的信息获取,然后进行相应的处理
}
formReset:function(e){
console.log(e);//控制台打印输出表单信息
}//可写可不写

表单验证:
表单验证采取正则表达式验证方法:(自己理解,观点可能片面)

    var reg =  new RegExp("正则表达式模式str");
    //其中str为字符串形式,所以字面上并不是真正的正则表达式,要用javascript中的转义字符,将其中的正则表达式所需字符转义出来
    //或-- var reg =  /正则表达式模式/;
    //以上一种是最常用的定义正则表达式的方法,其中‘/’为边界
    reg.test(str);
    //应用test()方法验证字符串格式,如果格式相同则返回true,否则false

    *注:javascript转义字符:
        \b  退格
        \n  回车换行
        \t  Tab符号
        \f  换页
        \'  单引号
        \"  双引号
        \v  跳格(Tab,水平)
        \r  换行
        \\  反斜杠
        \OOO    八进制整数,范围为000~777
        \xHH    十六进制整数,范围为00~FF
        \uhhhh  十六进制编码的Unicode字符