微信小程序~表单提交、验证
程序员文章站
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字符
上一篇: css怎么设置元素高度为20px
下一篇: php运行环境一键搭建