在我们做网页的时候少不了要对表单的验证操作,下面的是我平时积累的一些js验证的操作,有很多都是前辈们的。。
1.验证文本框只能输入数字不能输入字符
onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" 放到<input>中
2. 长度限制
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符!");
document.a.b.focus();
return false;
}
}
</script>
<form name=aonsubmit="return test()">
<textareaname="b" cols="40" wrap="VIRTUAL"rows="6"></textarea>
<input type="submit"name="Submit" value="check">
</form>
3. 只能是汉字
<input onkeyup="value="/oblog/value.replace(/[^u4E00-u9FA5]/g,'')">
4." 只能是英文
<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">
4. 只能是数字
<script language=javascript>
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>
<input onkeydown="onlyNum();">
5. 验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if(strEmail.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/)!= -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
6. 两次输入密码是否相同
<FORMMETHOD=POST ACTION="">
<inputtype="password" id="input1">
<inputtype="password" id="input2">
<inputtype="button" value="test" onclick="check()">
</FORM>
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value ="";
input2.value ="";
}
elsedocument.forms[0].submit();
}
}
</script>
--------在平时用的时候更新。。。。
分享到:
相关推荐
js验证表单大全,用JS控制表单提交 ,javascript提交表单
JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...
JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...
比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行必填项不能为空验证,再进行正则表达式匹配验证。
"javascript验证表单大全"这个主题涵盖了使用JavaScript进行表单验证的各种方法和技术,旨在为开发者提供全面的参考。以下是对这个主题的详细阐述: 一、表单验证的重要性 表单验证是确保用户输入数据有效性和安全...
在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html ()"> <!-- 表单元素 --> ``` 在JavaScript部分,定义`validateForm`函数来...
2. 事件监听:如onsubmit、onchange等事件,用于在用户提交表单或更改输入时触发验证函数。 3. 数据类型检查:验证输入是否为数字、字母、邮箱、日期等特定类型。 4. 长度检查:验证输入字符串的长度,如最小长度、...
在JavaScript中,我们通常使用`addEventListener`来监听表单的`submit`事件,当用户尝试提交表单时触发验证函数。 3. **输入类型验证** HTML5引入了新的输入类型如`email`、`number`、`url`等,它们提供了基本的...
在JavaScript中,表单提交验证是确保用户输入的数据符合预设规则的重要环节,这有助于防止无效数据的提交,提升用户体验,以及保护服务器免受恶意数据的冲击。本篇将详细介绍JavaScript表单验证函数的一些关键知识点...
不能再让表单在提交按钮之后才被验证了!你输入的任何信息表单都会即时反应! 这个JavaScript的关键是onChange()事件,使用onKeyUp()事件完成是不行的,人家没有输入完毕,你就说人家不对,多不友好啊╮(╯▽╰)╭ ...
如果一致,提交表单。 除了以上案例,还有其他常见的验证技巧,如日期格式验证、电话号码验证、URL验证等,这些通常也需要利用正则表达式进行判断。在实际应用中,还可以使用AJAX进行异步验证,提供实时反馈,提升...
这段代码在用户尝试提交表单时被调用,如果文本区的字符数超过50,则返回`false`,阻止表单提交,并将焦点定位到该文本区。 ### 2. 字符类型过滤 字符类型过滤是确保用户输入符合预期的一种常见方法。例如: - **...
### 使用JavaScript语言进行表单验证 #### JavaScript与表单验证的重要性 随着互联网技术的飞速发展,表单作为用户向服务器提交数据的主要方式之一,在现代Web应用中扮演着至关重要的角色。为了确保提交的数据准确...
总结起来,"javascript经典特效---用链接来提交表单.rar"这个资源主要教授了如何用JavaScript和HTML的链接元素模拟表单提交的行为,以及如何扩展这个功能以实现数据验证、AJAX提交和用户体验优化。通过这样的实践,...
- **onsubmit事件**: 当用户尝试提交表单时触发,可在事件处理函数中进行验证。 - **event.preventDefault()**: 如果验证失败,调用此方法阻止表单默认的提交行为。 - **return false**: 在验证函数中返回`false`...
// 提交表单或继续其他操作 } }); ``` 在上面的代码中,我们创建了一个Ajax请求,发送JSON数据到服务器的'/api/check-duplicate'端点,并在收到响应后调用回调函数。服务器应返回一个JSON对象,指示用户名是否已...
在表单验证中,JavaScript可以通过监听表单的`submit`事件来阻止默认提交行为,然后逐个检查输入字段的值。可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素,再利用`value`属性获取...
JavaScript 是网页开发中用于处理客户端交互的重要脚本语言,特别是在表单验证方面,它能够提供实时、动态的用户输入检查,提升用户体验。以下是一些JavaScript表单验证的关键知识点: 1. **单选按钮验证**:在示例...
在form表单提交中,使用button来间接完成submit的提交更为灵活。下面是实现方法: 使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: <head> ...