微信小程序表单验证，点击确认发布不能为空错误提示，具体内容如下
以下是效果图：
代码如下：
WXML:
{{popErrorMsg}}
<form bindsubmit=goDetail >
<textarea class=ad_popArea bindinput=commentTxtFn focus={{isPopOpen}} placeholder=请输入留言内容 placeholder-styl
2022-04-18 13:36:44
29KB
1
废话不多说直接上代码
html代码：
<form method=post id=form_hroizon enctype=multipart/form-data action=/>
<input type=hidden name=phoneTemplet id=phoneTemplet>
<input type=hidden name=regType id=regType>
<label for=inputEmail3 class=label
2022-04-13 21:23:17
43KB
1
js代码
[removed]
function checkreg() {
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})) \d{8})$/;
if(document.form1.name.value == "") {
//alert("请输入您的用户名!");
document.getElementById("tish")[removed] = "请输入您的用户名!";
form1.name.focus();
return false;
}
document.getElementById("tish")[removed] = "正确";
// if (document.form1.User.value.length15)
// {
// alert("用户名长度限制在4-15位!");
// form1.User.focus();
// return false;
// }
if(document.form1.password.value == "") {
//alert("请输入密码!");
document.getElementById("ts")[removed] = "请输入密码";
form1.password.focus();
return false;
}
if(document.form1.password.value.length 20) {
//alert("密码长度限制在6-20位!");
document.getElementById("ts")[removed] = "密码长度限制在6-20位!";
form1.password.focus();
return false;
}
document.getElementById("ts")[removed] = "正确";
if(document.form1.password.value != document.form1.Pwdagain.value) {
document.getElementById("tishi")[removed] = "两次密码不相同";
form1.password.focus();
return false;
}
document.getElementById("tishi")[removed] = "正确";
// alert("注册成功!");
// location.href="http://www.lanrenzhijia.com";
if(!myreg.test(document.form1.phone.value)) {
document.getElementById("tss")[removed] = "手机号码错误";
form1.password.focus();
return false;
}
document.getElementById("tss")[removed] = "正确";
if(document.form1.code.value == "") {
document.getElementById("tsi")[removed] = "验证码不能为空";
form1.code.focus();
return false;
}
document.getElementById("tsi")[removed] = "正确";
location.href="homepage.html";
}
function sendMessage(t) {
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})) \d{8})$/;
if(!myreg.test(document.form1.phone.value))
{
alert('请输入有效的手机号码！');
return false;
} //
document.form1.dynamic.disabled = true;
for(i = 1; i <= t; i ) {
window.setTimeout("update_p(" i "," t ")", i * 1000);
}
}
function update_p(num, t) {
if(num == t) {
document.form1.dynamic.value = " 重新发送 ";
document.form1.dynamic.disabled = false;
}
else {
printnr = t - num;
document.form1.dynamic.value = " (" printnr ")秒后重发";
}
}
[removed]
2022-03-16 16:42:08
3KB
1
iview选择树
基于iview进行二次开发的级联树状选择组件，支持无限级，单选，多选，搜索，表单验证（注：使用前先约会iview，否则无法使用）
安装
npm install iview - tree - select -- save
♡
import selectTree from 'iview-select-tree'
在约会的vue模块中需要在组件上注册这个组件，这样才可以正常使用这个组件：
export default {
name : 'app' ,
components : {
selectTree
} ,
data ( ) {
return {
...
}
} ,
...
}
效果
多选效果
单选效果
表单验证效果
调用方式
< selectTree v-model = "val" : treeDat
2022-03-05 14:31:55
54KB
1
用原生JS写一个简单的表单验证功能，代码分为html部分和js部分，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下
2021-12-20 22:05:12
45KB
1