利用JavaScript检查用户注册信息是否正确,在以下情况不满足时报错并阻止提交表单
2018-03-22 16:03
1091 查看
<!-- HTML结构 -->
<form id="test-register" action="#" target="_blank" onsubmit="return checkRegisterForm()">
<p id="test-error" style="color:red"></p>
<p>
用户名: <input type="text" id="username" name="username">
</p>
<p>
口令: <input type="password" id="password" name="password">
</p>
<p>
重复口令: <input type="password" id="password-2">
</p>
<p>
<button type="submit">提交</button> <button type="reset">重置</button>
</p>
</form>//js部分function checkRegisterForm(){
var usrname = document.getElementById('username');
var gz = /^[_0-9a-zA-Z]{3,10}$/;
var pwd1 = document.getElementById('password');
var pwd2 = document.getElementById('password-2');
if(gz.test(usrname.value) == true && (pwd1.value.length > 6 && pwd1.value.length < 20) && (pwd1.value == pwd2.value)){
return true;
}else{
return false;
}}
<form id="test-register" action="#" target="_blank" onsubmit="return checkRegisterForm()">
<p id="test-error" style="color:red"></p>
<p>
用户名: <input type="text" id="username" name="username">
</p>
<p>
口令: <input type="password" id="password" name="password">
</p>
<p>
重复口令: <input type="password" id="password-2">
</p>
<p>
<button type="submit">提交</button> <button type="reset">重置</button>
</p>
</form>//js部分function checkRegisterForm(){
var usrname = document.getElementById('username');
var gz = /^[_0-9a-zA-Z]{3,10}$/;
var pwd1 = document.getElementById('password');
var pwd2 = document.getElementById('password-2');
if(gz.test(usrname.value) == true && (pwd1.value.length > 6 && pwd1.value.length < 20) && (pwd1.value == pwd2.value)){
return true;
}else{
return false;
}}
相关文章推荐
- 用户注册时,不提交表单的情况下,检查用户名是否存在
- Js 中关于注册表单,使用onsubmit进行拦截提交,并判断用户填写的内容是否正确
- 注册界面 用javascript检查输入信息格式是否正确 完整版
- 利用json和prototype来做用户是否正确的判断,传统的方式是提交后做判断,这里使用的是ajax异步传输的方式。
- JavaScript实现用户注册表单的简单检查
- javascript综合小案例,校验用户注册信息提交
- javascript综合小案例,校验用户注册信息提交
- javascript检查表单格式是否正确
- 利用JavaScript阻止表单提交的两种方法
- JavaScript提交表单时检查所填是否有效
- 验证用户注册信息是否合理
- 利用js实现如果不符合规则的输入则阻止表单的提交
- javascript阻止表单提交
- JavaScript 本地验证用户注册信息
- javascript检查表单数据是否改变的方法
- Ajax+FormData+javascript实现无刷新表单信息提交
- jquery,Ajax判断验证码是否正确,不正确阻止提交
- 表单提交前根据用户的选择决定是否提交
- 【JavaScript】表单提交之前的前台处理检查三部曲
- javascript 阻止表单提交