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

在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字符

猜你喜欢

转载自blog.csdn.net/qq_42127861/article/details/82082904