前端开发日记之表单验证中的select、option标签

最新推荐文章于 2024-05-03 09:55:16 发布
最新推荐文章于 2024-05-03 09:55:16 发布
阅读量3.8k 收藏 2
点赞数 1
分类专栏： 前端开发日记 文章标签： 前端开发 select
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiang_mingyi/article/details/52794422
版权

各种表单验证的框架在判断select是否选值时，判断的基本上都是option的value属性。而html代码中select的第一个option基本上都是“请选择”，但是在表单判定时“请选择”是没有选值的。所以<option value=“”>请选择</option>中的value一定要等于空值，不然表单验证的时候就认为select是选择了值得。

本次遇到这种情况，我们的源码写的是<option value=“0”>请选择</option>，所以验证一直有问题，表示呵呵哒。。。。

jiang_mingyi
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
select将选中的option设置为默认选项
11-14
select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
web前端开发教程之编写简洁的页面表单验证程序
01-08
看了山人表单验证，又看了其他一些验证程序和相关的一些参考资料，写出了一个比较简洁的js表单验证程序。 功能简述： 验证： http地址 时间日期 e-mail 数字 字符长度检查 一项输入与另一项输入比较（例如：...
使用AJAX填充<select>标签下拉项，没有显示指定的option项
weixin_30475039的博客
12-02 146
newCarInfo.js代码如下： $(function() { // 获取燃油种类 url = "basicFuelType_queryAll.action"; $.post(url, params, function(data) { $.each(data.rows, function(index, item) { $("#f...
前端 -- 基础 表单标签 - 表单元素 ＜ Select ＞ ＜ textarea ＞
最新发布
三毛与海子的博客
05-03 742
下拉表单元素， 文本域元素
前端中select option一些实用操作
U201311105的博客
12-26 4866
在写前端界面的时候，对于select标签的操作是比较细致的，本文主要总结一下个人在开发前端界面时，采用的几种处理方法。 前端插件： bootstrap,juery 引入：（在引入bootstrap的Js插件前，先引入jquey，因为bootstrap的封装依赖于jquery） 附：bootstrap使用网址:http://www.bootcss.com/ 需求1：点击下拉框时...
关于select和option
qq_50560491的博客
10-12 1540
我们拿到这些数字后，存放到数据库是以这些数字的形式来存储。我们需要展示到网页上时候，我们也是拿出这些数据，然后根据判断，展示对应的文字。只要我们获取了dom节点，都可以 .val() 的方式去获取他的value值。每一个dom元素，都有他的 value。比如我们的表单中input元素。select也不例外。
前端 HTML form表单标签 select标签 option 下拉框
weixin_30906185的博客
04-02 1718
<select></select> select里面通常跟option配合使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" c...
清空select标签中option选项的3种不同方式
12-13
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
layui表单验证select下拉框实现验证的方法
12-29
layui 的form表单里的select 一开始以为加上lay-verify=”required”就可以验证不空了,可是反复试了几次都不能验证 代码如下： 所属工种: <select name=work_id lay-verify=required lay-search> ...
Web前端开发利器 SPRY框架之表单验证
06-09
Spry 框架是一个JavaScript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。本课程内容是SPRY框架的第一部分，从浅入深，带您进入WEB前端开发的世界，帮助你完成表单验证的实现。
HTML-DOM常用对象的用法（select/option/form/table）
weixin_30872789的博客
04-03 71
HTML DOM 常用对象: 它对常用HTML元素操作的简化。 Select对象 它代表页面上的一个select元素，常用属性有： select.value ——当前选中项的value ，没有value，就返回选中项的内容。 select.options ——保存select下所有option元素对象，相当于: select.getElementsByTagName...
#form表单验证提交action checkbox select option的选择解决方法 总结小笔记 ~ 中山大学南方学院
Tom_boy_的博客
05-24 231
#form表单验证提交action checkbox select option的选择解决方法 总结小笔记 ~ 中山大学南方学院 Html form ~ form 为主要代码 JS function doit(){ var se=document.form1.se.value; if (se=='0'){ $( ".ui.form" ).attr( 'action' ,'J.html'); //通过jquery为action属性赋值 $( ".ui
Web前端开发——HTML之HTML标签（Ⅴ）form、input、select、textarea
wq_ocean_的博客
02-01 581
1. 表单form 表单：是一个区域，采集用户信息 表单元素：文本框、按钮、单选、复选、下拉列表、文本域 格式： <form action= "数据处理网页" > 表单元素 </form> 表单元素是为了收集用户信息，form的action属性表示将收集来的信息交由那个页面处理，这个页面是web后端的一个页面 2. 文本框、密码框input—...
select与option：实现表单对应显示和对应显隐
cypakoo的专栏
01-10 1046
一、表单对应显示 部分效果图： 代码实现：定义方法，通过if判断语句分项显示        表单对应显示                    $(function(){                            $("#dropLang").unbind("change", eDropLangChange).bind("change", eDropL
select搜索传值为空时默认选中值为0的选项
叶落无痕的博客
07-25 1396
在没有选择条件搜索时，传的值为' '，从后台返回到jsp页面的值' '默认和值为0的选项匹配了，所以在值为0的选项在加上不为' ‘的条件就OK了 未解决代码 <td style="vertical-align:top;padding-left:2px;"> <select class="" name="STA" id="STATUS" data-placeholder="请选择状态" style="vertical-align: top; width: 120px;"> ...
下拉框使用c:if标签进行判断然后使用selected属性实现选择状态
qq_35793016的博客
08-15 6921
是否付款:             请选择                              已付款                 未付款                                           未付款                 已付款
jquery修改value等于0的option下文字内容
zahirah22的博客
03-15 2321
$("#select option[value='0']").text("这是要修改的文字");
下拉框select 的选项option的value 的误区
明天的你会感谢今天的自己
10-08 5968
这里有一个select，代码如下： &lt;select name="transportSupplier" id="transportSupplier" onchange="autoFill()" class="A required" style="width: 50%"&gt; &lt;c:forEach items="${PgSupplierInfoList}&qu

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值