草庐IT

字段中

全部标签

javascript - Vuelidate:在单击时验证,而不是在触摸字段时验证

我是vuelidate的新手,一切正常,除了我不知道如何仅在单击Submit按钮时运行验证。现在,当您开始提供任何输入时,它会将触摸字段标记为红色,我希望它可以等待,直到用户想要提交填写好的表格。这是我目前的情况:Vue.use(window.vuelidate.default)const{required,minLength,sameAs}=window.validatorsnewVue({ el:"#app",data:{ user:{ login:'',password:'',repeatedPassword:''}},validations:{ user:{ login:{ r

javascript - 填写完所有先前的字段后,添加新的输入字段

这是我当前的HTML和CSS代码:1.2.3.​#border#info-box#info#boxinput[type="text"]{float:left;margin-top:10px;margin-bottom:10px;height:25px;width:650px;outline:none;}#border#info-box#info#boxinput[type="submit"]{margin-left:500px;margin-top:10px;margin-bottom:10px;height:35px;color:#fff;font-size:20px;border:

javascript - 为什么不能在同一个js文件中建立两个cleave.js格式的字段?

我想使用cleave.js格式化电话和信用卡输入(在rails上)。如果我只声明一个newCleave对象,我的格式就可以正常工作,但如果我尝试声明两个,我会收到此错误:UncaughtError:[cleave.js]请检查元素这是JS文件的相关部分:varGlobal={};Global.onLoad=function(){Global.setupDatepickers();//unrelatedfunctionGlobal.setupCleavePhone();Global.setupCleaveCreditCard();};$(document).on('turbolinks:

javascript - 无法使用 ascii 46 `.`(句点)聚焦下一个输入字段

我有一个带有4个用于IPv4addy条目的文本框的表单,当用户按下句点ascii#46时,我希望焦点移动到下一个文本字段。以下JS/jQ(我基本上是从MoveCursortonexttextFieldpressingEnter中提取的)适用于enter(13)、esc甚至空格字符(32)的ascii代码:functionipfNext(){//alert('FUNCipfNext');$(document).ready(function(){$('#formContent.inputTextIpf').keydown(function(e){if(e.keyCode==46){$(':

javascript - 有效地将一个数组中的字段合并到另外两个数组中

假设您有三个对象数组:leta1=[{id:1,name:'foo'},{id:2,name:'bar'},{id:3,name:'baz'}]leta2=[{name:'foo'},{name:'bar'}]leta3=[{name:'bar'},{name:'baz'}]目标是以a1为源,在a2和a3id字段与a1中相应的name字段。实现这一目标的有效方法是什么?(注意:这里的“高效”意思是“比循环内循环更优雅的东西”。)结果应该是这样的:a2:[{id:1,name:'foo'},{id:2,name:'bar'}]a3:[{id:2,name:'bar'},{id:3,nam

javascript - 按字段名从数组中删除元素

我有下一个数组:0:{id:"10",tipo:"work"}1:{id:"11",tipo:"work"}2:{id:"24",tipo:"school"}3:{id:"9",tipo:"work"}4:{id:"25",tipo:"school"}我想做的是从数组中删除一个元素,其中两个值匹配,例如,如果id=24和tipo=school,则数组位于位置2,必须删除,我有这个函数可以通过值找到数组键:functioneliminarElementoArray(array,val1,val2){for(vari=0;i该函数无法正常工作,在某些情况下它返回false,在其他情况下,它

javascript - 动态禁用 Contact Form 7 字段验证

在我的联系表单7中,我有两个单选按钮,它们根据用户所做的选择显示和隐藏联系表单中的字段。当您单击“电话”单选按钮时,脚本(JS而不是jQuery)会确保隐藏电子邮件字段并且仅显示电话字段。当您单击电子邮件单选按钮时,将显示电子邮件字段并隐藏电话字段。该部分完全按照我希望的方式工作。我遇到的问题是我无法弄清楚如何阻止ContactForm7验证隐藏字段。例如,如果客户只想输入他们的电话号码而不是他们的电子邮件,插件由于电子邮件字段未填写,他们在尝试提交时仍会给出错误。这是代码-JS:window.onload=radioCheck;functionradioCheck(){if(docu

javascript - 如何在表单的选择字段 onChange 中传递对象值(使用 React,不使用 Redux)

我目前正在开发一个具有简单形式的React组件(没有redux,只是使用react-bootstrap进行样式设置)我正在以下列形式从数据库中提取数据:[{"id":"123","name":"AmyPond","age":"22","reputation":22000},{"id":"124","name":"ClaraOswald","age":"24","reputation":35000}...]并将其放入一个对象中:letuserlist=[];userlist=addUsers(this.state.users);我使用map根据这些数据填充了一个下拉列表,并且可以正确地将

javascript - 如何为 react 中的多个字段制作动态状态?

classBillsextendsComponent{constructor(props){super(props)this.state={productName:'',price:0,quantity:0,noOfProductsField:0}}handleChange=name=>event=>{this.setState({[name]:event.target.value,});};createFields=()=>{const{classes}=this.props;letchildren=[]for(leti=0;iSelectProduct{this.state.pro

javascript - 如何在 Rails 中执行 AJAX-y 条件显示/隐藏表单字段?

我想在Rails的表单中显示或隐藏一些字段,具体取决于表单中选择字段的状态。我(目前)不需要对字段进行第二次数据库查找,因此我试图将其全部限制在View中。我已经勾勒出大纲,但我在实现细节方面遇到了一些麻烦。我最初的想法是使用observe_field并调用Element.show等等,但后来我不得不编写一个Javascript条件。这可能必须奏效,但我想尽可能避免它。另一种方法是使用observe_field请求RJS模板,并使用replace_html插入字段。还不错,但由于我使用的是form_forblock,所以我要么必须通过RJS模板一直传递表单实例才能正确完成。我还可以在每