javascript - 用js验证输入
问题描述
这是我的 register.php 代码
<form id="register_form" onsubmit="return false" autocomplete="off" >
<div class="form-group">
<label for="username">Username</label>
<input type="text" name="username" class="form-control" id="username" placeholder="enter username">
<small id="u_error" class="form-text text-muted"></small>
</div>
<button type="submit" name="user_register" class="btn btn-primary"><span class="fas fa-user"></span> Register</button>
这是我的js
$(document).ready(function(){
// alert("hello friends");
$("register_form").on("submit",function() {
var status = false ;
var name = $("#username");
if (name.val() == "" || name.length < 6 ) {
name.addClass("border-danger");
$("#u_error").html("<span class='text danger'> name more that 6 char</span>");
status = false;
}else {
name.addClass("border-danger");
$("#u_error").html("<span class='test danger'> please enter name</span>");
status = true;
}
})
})
在这里,我尝试使用小于 6 的用户名字段或通过我验证的 js 为空,但它不起作用我可以知道为什么吗?
解决方案
你的代码有很多变化。
1.html - add submit button with </form>
2.js - your event is on '#register_form' instead of 'register_form'
3.js - To prevent on submit you have to return true or false..in you case return status; after if-else
4.js - use name.val().length instead of name.length
推荐阅读
- salt-stack - 在新的 salt-master 上重新连接 minion 会导致问题
- excel - 复制到变量引用指定的范围
- typescript - 量角器测试使用 TypeScript 和 Webpack 的非 Angular 站点
- c++ - 如何将每秒接收的字节数和每秒发送的字节数转换为 MB?
- c# - 更改对象中每个字符串属性的值
- hadoop - 如何在谷歌云实例上运行 hortonworks 沙盒环境?
- python-3.x - 是否可以从保存的 html 文件中导入散景图?
- c# - 如何使用 WIA 扫描双面(双面?) - C#
- django - 带有计数注释的 django admin list_display
- c# - 在 AjaxToolKit Accordion 中放置一个中继器