首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用javascript使字段成为必填字段

使用javascript使字段成为必填字段
EN

Stack Overflow用户
提问于 2014-01-30 06:45:32
回答 2查看 18.8K关注 0票数 0

我正在尝试使一个选择字段在网页上是必填的。我知道如何在JS和表单属性'onsubmit‘和返回函数的帮助下做到这一点。但问题是表单代码已经写好了,我现在不知道如何添加属性。如果我可以从JS动态追加属性,请让我知道。我尝试的另一种方法是在页面加载后调用JS。但这并不是说该字段是必填的,表单也可以提交。以下是我的代码..

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
       <!DOCTYPE html>
       <html>
       <head>
       <script>
       function f1()
       {
           var countryValue = document.getElementById('count ID').value;

    if (countryValue == "") 
    {
            alert("field value missing");
        return false;
    }
    var stateValue = document.getElementById('state ID').value;
    if (stateValue == "") 
    {
            alert("state field value missing");
        return false;
    }
}

      </script>
     </head>
     <body>
    <form method = "post" action = "33.html">
    Country: <input type="text" id="count ID">
    state: <select id="state ID"> 
             <option></option>
                     <option value="ap">ap</option> 
                     <option value="bp">bp</option> 
                    </select>
    <br>
    <input type = "submit">
    </form>
    <script>window.onload=f1</script>

            </body>
            </html>

请帮帮忙。

EN

回答 2

Stack Overflow用户

发布于 2014-01-30 06:55:45

一旦你有了一个检测不正确值的函数(空的必填字段或其他任何东西,比如错误的电子邮件地址),你就有了几个不同的选择:

  • 禁用提交按钮
  • 取消按钮上的onclick事件
  • 取消form

上的提交事件

禁用提交按钮可能会让用户感到厌烦(在输入值时,它可能会时断时续地闪烁)。

票数 0
EN

Stack Overflow用户

发布于 2014-04-28 03:55:25

我也有同样的问题,但我延期了。使用钩子系统转换名称中带有"*“的字段,以验证like必填字段。这是一个简单的解决方案,没有侵入性,在数据库中不需要添加字段,只需在自定义字段的配置中使用sufix "*“即可。

下面是代码:https://github.com/voiski/bugzilla-required-field

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21449608

复制
相关文章
5V输入升压双节锂电管理芯片_锂电池升压电路
新推出的一款高效率、直流升压稳压电路GS3662D。输入电压范围可由最低3.7伏特到最高42伏特,输出电压3.7–42V可调整且内部MOS输出开关电流可高达2A,非常适合于数码便携产品电池供电,3G网络产品,数码相机,LCD液晶屏背光电路,太阳能照明路灯,网络通讯等产品的电压转换。
全栈程序员站长
2022/11/08
7170
JS输入验证
验证职能输入手机号 先替换非数字 <input type="text" name="userPhone" placeholder="请输入手机号" class="" onkeyup="value=
码客说
2019/10/22
7.3K0
Js输入验证
1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"
用户7657330
2020/08/14
9.2K0
angularjs输入验证[通俗易懂]
原文 http://www.cnblogs.com/woshinidezhu/p/Form-validation-with-AngularJS.html
全栈程序员站长
2022/09/15
1.3K0
AngularJS 输入验证
我们使用了 ng-show指令, color:red 在邮件的 $dirty 或 $invalid 都为 true 时才显示。
陈不成i
2021/07/23
1.3K0
input各种输入验证
限制输入框只能输入数字,并且保留两位小数 <input type="text" onkeyup="var p2 = parseFloat(value).toFixed(2);value = p2>=0
用户3055976
2018/09/12
1.1K0
HTML5-输入验证
HTML5引入了对输入验证的支持。设计者可告知浏览器自己需要什么类型的数据,然后浏览器在提交表单之前会使用这些信息检查用户输入的数据是否有效。其好处是:用户可以立刻得到问题反馈。
奋飛
2019/08/15
2.1K0
27_输入验证:IValidatableObject
http://mpvideo.qpic.cn/0bf26iasyaabvaapezolqbpvd4wdftzaclaa.f10002.mp4?dis_k=933d2c80d1d5643805ea3f4
宿春磊Charles
2022/03/29
7270
HTML5-输入验证
HTML5引入了对输入验证的支持。设计者可告知浏览器自己需要什么类型的数据,然后浏览器在提交表单之前会使用这些信息检查用户输入的数据是否有效。其好处是:用户可以立刻得到问题反馈。
奋飛
2021/08/30
1.5K0
HTML5-输入验证
Flex笔记_验证用户输入
内置验证器 Flex提供了很多内置的验证器,它们都是Validator类的子类。 Flex以扩展Validator类的方式创建了内置验证器,以用于满足常用需求。 Validator组件的重要属性和函数: enabled:Boolean类型,决定是否启用验证功能 required:Boolean类型,是否必填 requiredFieldError:String类型,设置显示给用户的消息 source:Object,设置想要验证的对象(组件) property:String,
LeoXu
2018/08/15
2.9K0
OC 密码验证(正则+连续输入+输入过于简单判断)
昨天项目上线了,上线之前老板提出一个要求,登陆密码不能设置过于简单的,不能输入连续的字符,没办法,加班改吧 思路: 1、正则: 正则表达式不用说,百度一搜一大堆,别告诉我不会搜,这我可帮不了你,好吧还是帮帮你吧度娘的百度一下你就知道(只能帮到这里了,别的真帮不到你了) 2、连续输入: 我们怎么判断连续输入呢,连续输入也就是如下样式 111111 qqqqqq ZZZZZZ 判断这个连续输入有两种办法,一在文本输入框的代理方法中TextFieldDelegate 也就是下面那哥们 - (BOOL)textF
GuangdongQi
2018/05/24
2.7K0
QLineEdit 输入验证(相关的设置)
LineEdit提 供一个文字输入栏位,可以输入文字或数字,我们可以对输入作验证,或是设定为一般显示、密码显示等等,以下的程式是个简单的设定示范:
bear_fish
2018/09/20
2.9K0
3.7v锂电池升压电路_电池升压
FS2114的PCB布局设计建议-基础篇 开关电源的一个常见问题是“不稳定”的开关波形。有时,波形抖动很明显,可以听到从磁性元件发出噪 声。如果问题与印刷电路板(PCB)布局有关,则很难确定原因。 EMC也是很注重(PCB)布局,这就是为 什么在开关电源设计的早期正确布局PCB至关重要的原因。其重要性不可夸大。 原理图走线 主要器件放置 并联一个旁路电容0.1uF LX节点 FB反馈电阻R1,R2 COUT电容 容易影响输出的布线 功率组件的推荐焊盘图案 GND功率地的PCB布线 电感器选择
全栈程序员站长
2022/11/08
6890
3.7v锂电池升压电路_电池升压
表格中的输入框验证
一、首先在表格的外面套一层form,并设置form的model属性 二、在列的模板中增加el-form-item并设置动态的属性和验证规则 <template> <div> <el-form ref="form" :model="tableForm" :rules="tableForm.rules"> <el-table :data="tableForm.tableData"> <el-table-column prop="name" label="名称"></el
tianyawhl
2020/10/14
2K0
Flask-3 表单和输入验证
flask-wtf是一个表单集成插件,包括CSRF,文件上传和Recaptcha集成等。
XXXX-user
2019/07/23
1.7K0
Flask-3 表单和输入验证
26_输入验证和Data Annotations
http://mpvideo.qpic.cn/0bf2cmasyaabbmapfkolqfpvce6dfqjqclaa.f10002.mp4?dis_k=3ff615f89f71c0cf4a74163
宿春磊Charles
2022/03/29
4910
表格中的输入框验证
一、首先在表格的外面套一层form,并设置form的model属性 二、在列的模板中增加el-form-item并设置动态的属性和验证规则 <template> <div> <el-form ref="form" :model="tableForm" :rules="tableForm.rules"> <el-table :data="tableForm.tableData"> <el-table-column prop="name" label="名称"></el-
IT茂茂
2020/09/21
1.8K0
element-ui input输入验证 rules
1、简单的校验,之间通过rules 校验 :rules="{required: true, message: '执行时间不能为空', trigger: 'blur'}" 这个是失去焦点的时候,校验是否有值,如果没有会之间有校验提示 2、通过定义方法校验
小蔚
2021/11/24
1.4K0
element-ui input输入验证 rules
UItexfile实时验证输入字符「建议收藏」
– (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;
全栈程序员站长
2022/07/08
3660
点击加载更多

相似问题

升压精神气解析器不消耗整个字符串表达式?

12

升压精神解析器属性类型无效。

11

使用boost精神气解析器迭代填充BGL图

14

用升压气解析器解析枚举

20

解析器组合器验证多个输入

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文