html表单验证用正则表达式,用JavaScrip正则表达式验证form表单的方法

0c0b5111a01a4738fd38397a1f4adec5.png

document:标签之间

location:url

history:前进后退

c45185162da62d9925ce6b17ee1cb527.png

55ec183e65a0901ce0ba6b31ad337c6a.png

3e059ca328ec7400a57eebe5f7b9b176.png

function show()

{

//弹出一个提示框

window.alert("hh");

}

//将show方法绑定到按钮上

window.οnlοad=function()

{

//定位到按钮

var buttonElement=document.forms[0].mybtn;

//动态绑定show方法

buttonElement.οnclick=show;

//show如果加()则一加载网页就弹出提示框

}

function validateForm()

{

var loginform=document.forms[1];

var username=trim(loginform.username.value);

var password=trim(loginform.password.value);

var email=trim(loginform.email.value);

// alert("替代前长度:"+username.length);

// username=trim(username);

// alert("替代后长度:"+username.length);

//判断用户名必填:

if(username.length==0)

{

alert("用户必填");

}

else if(!/^[a-zA-Z0-9]+$/.test(username))

{

alert("用户名必须是英文字母");

}

else if(password.length==0)

{

alert("密码必填");

}

else if(!/^[0-9]{6}$/.test(password))

{

alert("密码必须为6位数字");

}

else if(email.length==0)

{

alert("邮箱必填");

}

else if(!/^\w+@\w+(\.\w+)+$/.test(email))

{

alert("邮箱格式不正确");

}

return false;

}

//自定义一个去空格的参数

function trim(s)

{

//s.REPLACE(正则表达式,替换的字符)

s=s.replace(/^\s*$/,"");

return s;

}

.myclass{

position: absolute;

left: 400px;

top: 150px;

}

基于js的验证
用户名:
密码:
邮箱:

以上所述是小编给大家介绍的用JavaScrip正则表达式验证form表单的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值