textfield 相关问题

我尝试验证 v-text-field 仅用于输入数字，但这不是必需的，但规则拒绝通过验证。我使用了 v-form、v-text-field 和 v-text-field 规则。 ... 我尝试验证 v-text-field 仅用于输入数字，但它不是必需的，但规则拒绝通过验证。我使用了 v-form、v-text-field 和 v-text-field 规则。 <template> <v-form ref="form"> <v-text-field v-model="name" :label="label" :rules="rules" @blur="changeValue" clearable ></v-text-field> <v-btn @click="send">submit</v-btn> </v-form> </template> <script> export default { data() { return { name: "", rules: [ v => v.length <= 50 || "maximum 50 characters", v => (v.length > 0 && /^[0-9]+$/.test(v)) || "numbers only" ] }; }, methods: { changeValue(event) { this.$emit("changeValue", event.target.value); }, send() { const valid = this.$refs["form"].validate(); // doesn't pass if (valid) { this.$store.dispatch("xxx", { ... }); } } } }; </script> 单击提交按钮时，会显示 v-text-field 的错误消息，并且 valid 为 false。单击X（清除图标），错误消息也显示在控制台上： "TypeError: Cannot read property 'length' of null" 有点晚了，但我已经用这个函数解决了它： rules: [ v => { if (v) return v.length <= 50 || 'maximum 50 characters'; else return true; }, ], 我用这种方式，一种用于电子邮件，另一种用于姓名 nameRules: [ v => v.length <= 10 || 'Name must be less than 10 characters', ], emailRules: [ v =>( v.length ===0 || /.+@.+/.test(v) ) || 'E-mail must be valid', ], 通过在任何规则中添加 !v || ，您可以使其“不是必需的，但如果存在，则必须遵循该规则”。这是您的规则部分的代码： rules: [ v => !v || (v && v.length <= 50) || `Maximum 50 characters`, v => !v || (v && v.length > 0 && /^[0-9]+$/.test(v)) || "numbers only" ]

forms validation textfield vuetify.js

回答 3 投票 0

如何使用这个简单的 jQuery 禁用 HTML 文本字段？

我有这个简单的 jQuery 代码要测试。 $(文档).准备好(</desc> <question vote="14"> <p>我有这个简单的 jQuery 代码要测试。</p> <pre><code><html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("text").attr("disabled",""); }); }); </script> </head> <body> <input type="text"> <br /> <button>Set the textfield disabled</button> </body> </html> </code></pre> <p>基本上 HTML 页面带有一个简单的按钮和文本字段。我只想在单击按钮时禁用输入字段。但不起作用？？？ </p> <p>（PS：这段代码来源于w3schools.com网站，只是为了简单测试一下jQuery有多强大）</p> </question> <answer tick="true" vote="18"> <p>从 jQuery 1.7 开始，您可以使用 <pre><code>.prop</code></pre>:</p> <pre><code>$(document).ready(function(){ $("button").click(function(){ $(":text").prop("disabled", true); }); }); </code></pre> <p>1.7之前，你可以这样做：</p> <pre><code>$(document).ready(function(){ $("button").click(function(){ $(":text").attr("disabled", true); }); }); </code></pre> <p>PS：使用<pre><code>$(":text")</code></pre>或<pre><code>$('input[type="text"]')</code></pre>选择所有文本类型的元素。</p> </answer> <answer tick="false" vote="2"> <p>试试这个：</p> <pre><code> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("#text").attr("disabled","true"); }); }); </script> </head> <body> <input id="text" type="text"> <br /> <button>Set the textfield disabled</button> </body> </html> </code></pre> </answer> <answer tick="false" vote="1"> <p>或者（更现代）：</p> <pre><code>$("input[type=text]").prop('disabled', true); </code></pre> </answer> <answer tick="false" vote="1"> <p><pre><code>text</code></pre> 中没有 <pre><code>jquery</code></pre> 选择器。您需要使用属性选择器<pre><code>[attribute=value]</code></pre></p> <pre><code>$('input[type=text]').prop('disabled', true); // prop Works on jquery 1.7+ </code></pre> <p>或：</p> <pre><code>$('input[type=text]').attr('disabled', 'disabled'); // Works in each version. // But isn't W3C standard. </code></pre> <p>有一个 <pre><code>:text</code></pre> 选择器，但它的效率不如第一个选项，请参阅 <a href="http://api.jquery.com/text-selector/" rel="nofollow">docs</a>：</p> <blockquote> <p><strong>$(':text')</strong> 相当于 <strong>$('[type=text]')</strong>，因此选择所有元素。与其他伪类选择器（以“:”开头的选择器）一样，建议在其前面添加标签名称或其他选择器；否则，隐含通用选择器（“<em>”）。换句话说，裸露的 $(':text') 相当于 $('</em>:text')，因此应该使用 $('input:text') 来代替。</p> <p>附加说明：因为 <strong>:text</strong> 是 jQuery 扩展，而不是 CSS 规范，使用 :text 的查询不能利用原生 DOM querySelectorAll() 提供的性能提升方法。为了在现代浏览器中获得更好的性能，<strong>使用 [type="text"]</strong> 相反。</p> </blockquote> <p>请注意，您的 XHTML 无效。您应该关闭 <pre><code><input type="text"></code></pre> => <pre><code><input type="text" /></code></pre></p> </answer> <answer tick="false" vote="0"> <p>$("输入").attr("已禁用","已禁用");</p> </answer> <answer tick="false" vote="0"> <p>$('text').attr('禁用','true');</p> </answer> <answer tick="false" vote="-1"> <p>“disabled”是一个属性，而不是属性本身。像“checked”或“disabled”这样的布尔值在以这种方式访问时并不总是能正确更新（或检索）。使用</p> <pre><code>$(':text').prop('disabled',true); </code></pre> <p>相反。</p> </answer> </body></html>

jquery html textfield

回答 0 投票 0

如何向文本字段提供初始值？

我想为文本字段提供一个初始值，并使用空值重新绘制它以清除文本。使用 Flutter 的 API 实现此目的的最佳方法是什么？

flutter dart textfield

回答 20 投票 0

如何在 flutter 中制作多行文本字段？

我想构建一个笔记应用程序，因为我的笔记应用程序的每个笔记实体都有一个名为正文的属性，它是一个字符串。我的问题是，在我的 AddOrUpdateScreen 中如何使文本字段...

flutter dart textfield

回答 3 投票 0

撰写信用卡格式文本字段

我正在尝试制作信用格式文本字段。一切正常，直到您填满所有字符然后尝试删除一些字符。对我做错了什么有什么想法吗？ // XXXX-XXXX-XXXX-...