[js]js的表单验证onsubmit方法

http://uule.iteye.com/blog/2183622

表单验证类

<form class="form" method="post" id="form" onsubmit="return checkForm(this)" action="">
电话号码:<input id="tel" type="text" maxlength="11" name="tel"/>
<button type="submit" name="submit" value="提交"/>
</form>  
function checkForm(o){
   var re=/^(13[0-9]{9})|(15[89][0-9]{8})$/;
   if(!re.test(o.tel.value)){
        alert('请输入正确的手机号码。');
        return false;
    }
}  

知识点

function submitFun(){
    //逻辑判断
    return true; //允许表单提交
    //逻辑判断
    return false;//不允许表单提交
}  

<form onsubmit="reture submitFun();"></form>
 //注意此处不能写成 onsubmit="submitFun();"否则将表单总是提交  

原文地址:https://www.cnblogs.com/iiiiiher/p/9790191.html

时间: 2024-08-01 07:18:57

[js]js的表单验证onsubmit方法的相关文章

js 常用正则表达式表单验证代码

js 常用正则表达式表单验证代码 js 常用正则表达式表单验证代码,以后大家就可以直接使用了. 正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中

关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题

方法使用前需了解: 来自”和“小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查该form上添加的表单验证是否正确,需要注意的点有: 1.使用此方法前检查prop一定必须要写在<el-form-item>上面,写在里面的input上或者其他任何地方都不行(el-form-item prop属性绑定) 2.el-form rules,model属性绑定,ref标识 自定义表单验证的坑: 一.valid

angular js h5关于表单验证的例子

angular js表单验证 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="angular.min.js"></script> <link rel="stylesheet" href="

js常用正则表达式表单验证代码

方法一: var re=/正则表达式/; re.test($("txtid").val()) 方法二: $("txtid").val.match(/正则表达式/): 附: 验证数字的正则表达式集(转载) 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证

JS字符串的表单验证

window.onload事件会在页面加载完成后触发. 所以在事件之前应该将所有的定义的值默认为null 在.onload事件事件里面将需要找到定义的值的对应的字符串或者数组找到 验证姓名不能为空 讲提示语放到输入框的后面,所以在输入框<input>后面加了个<span>标签用来接收输出的提示语 验证邮箱里面必须包含@和. else后面是当我们的操作达标时,提示语消失 验证密码必须由数字和字母组成 表单验证是一系列的验证,所以应该定义一个函数来接收验证的值,最后返回结果 只有在所有

AngularJS表单验证实现方法详解

本文主要是通过源码实例和大家分享AngularJS中的表单验证相关知识,希望通过本文的分享,对大家学习AngularJS有所帮助. 1.常规表单验证: 2.AngularJs中提供的表单验证实例. 实例代码 <!doctype html> <html ng-app="lesson" ng-controller="FormCtrl" > <head> <meta http-equiv="Content-Type&qu

js/jsp清空表单2种方法

js方式清空表单数据的两种方式 方法1:遍历页面元素 /* 清空FORM表单内容  id:表单ID*/ function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i < objId.elements.length; i++) { if (objId.elements[i].type == "text")

jquery.validate.js之自定义表单验证规则

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <script type="text/javascript" src="jquery-1.8.3.js"></script> 5 <script type="text/jav

js效果之表单验证

function getLength (str) { return str.replace(/[^\x00-xff]/g,"xx").lenght; } window.onload=function() { //1. 元素选取 var ainput=getElementsByTagName('input'); var oName=ainput[0]; var pwd=ainput[1]; var pwd2=ainput[2]; var ap=getElementsByTagName('