表单验证靠name获取

表单靠name获取

<form class="add-form" name="form" action="#" method="post" autocomplete="on"><input type="text" name="user" placeholder="收货人姓名"/><br/><input type="text" name="tel" id="tel"  placeholder="手机号码"/><br/><input type="search" name="region" placeholder="所在区域"/><br/>
<!--<input type="text" name="tel" placeholder="详细地址"/><br/>-->
<textarea name="area" id="area"  placeholder="详细地址"></textarea>
</form>

//判断是否空
function beforeSubmit(form) {if (form.user.value == '') {alert('用户名不能为空！');form.user.focus();return false;}if (form.region.value == '') { alert('省市不能为空！');form.region.focus();return false;}if (form.area.value == '') { //name获取元素 name="region"//        if ($("#area").value == '') {alert('地址不能为空！');$("#area").focus();return false;}}
//jquery验证手机号码
function checkSubmitMobil() {if ($("#tel").val() == "") {alert("手机号码不能为空！");//$("#moileMsg").html("<font color='red'>手机号码不能为空！</font>");$("#tel").focus();return false;}
//        var pattern = /^1[34578]\d{9}$/;if (!$("#tel").val().match(/^1[34578]\d{9}$/)) {alert("手机号码格式不正确！");//$("#moileMsg").html("<font color='red'>手机号码格式不正确！请重新输入！</font>");$("#tel").focus();return false;}return true;}
$(function () {$('.submit').click(function () {if (checkSubmitMobil()&&beforeSubmit(form)) {$('form').submit();} else {return false;}});
});

转载于:https://www.cnblogs.com/zyjzz/p/6973673.html

表单验证靠name获取相关推荐

表单验证通过输入框获取用户输入的密码，如果输入密码为“happy123”,则显示“密码输入正确”，否则提示“密码输入错误”,如果输入三次，显示提示信息“三分钟后在尝试”
功能:简单的表单验证,密码输入次数控制,定时器控制可输入提醒,密码匹配 Html:请忽略界面设计,没时间做 <form><input id="userName" ...
使用jquery validate结合zui作表单验证
1.引入jquery validate和zui  <script src="${_b ...
bootstrap-table之通用方法（时间控件，导出，动态下拉框，表单验证，选中与获取信息）
1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.s ...
获取手机验证码——Vant表单验证/后端框架express/前后端交互
完成一个获取手机验证码的功能,在获取之前要对手机号进行表单验证,判断是否输入/输入的是否为正确格式,获取手机验证码后可等待n秒重新获取,代码如下: <template><div cl ...
[JAVA EE] Thymeleaf 高级用法：模板布局，带参数的引用片段，表单验证，常用校验注解
模板布局公共部分通常定义为模板布局:如页眉,页脚,公共导航栏.菜单等. 模板布局定义方法布局页中用 th:fragment 定义模板片段,其他页面用 th:insert 引用片段例如:foote ...
Angular响应式表单及表单验证
1. 什么是响应式表单? 响应式表单提供了一种模型驱动的方式来处理表单输入,其中的值会随时间而变化. 响应式表单使用显示的,不可变的方式,管理表单在特定时间点上的状态.对表单状态的每一次变更都会返回一 ...
Angular 表单验证类库 ngx-validator 1.0 正式发布
背景介绍之前写了一篇 <如何优雅的使用 Angular 表单验证>,结尾处介绍了统一验证反馈的类库 ngx-validator ,由于这段时间一直在新模块做微前端以及相关业务组件库,工具 ...
如何优雅的使用 Angular 表单验证
随便说说,这一节可以跳过去年参加 ngChine 2018 杭州开发者大会的时候记得有人问我: Worktile 是什么时候开始使用 Angular 的,我说是今年(2018年) 3 月份开始在新模 ...
JS(DOM对象表单验证与正则表达)
目录 DOM对象表单验证 DOM对象 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
javascript:正则表达式、一个表单验证的例子
阅读目录本文内容: 正则表达式: 利用正则表达式进行表单验证的例子: 回到顶部本文内容: 正则表达式正则表达式的使用方法正则表达式的特殊匹配字符正则表达式修饰符利用正则表达式进行表单验证的 ...

表单验证靠name获取

表单验证靠name获取相关推荐

最新文章

热门文章

表单验证 靠name获取

表单验证 靠name获取相关推荐

最新文章

热门文章

表单验证靠name获取

表单验证靠name获取相关推荐