input 相关问题

我有以下代码：我有以下代码： <input class="submit-form-on-change" type="month" name="@Model.DatePickerFormKey" value="@Model.InitialValue?.ToString("yyyy-MM")"> <script> document.addEventListener('DOMContentLoaded', function () { document.getElementById('user-filter-content').querySelectorAll('.submit-form-on-change').forEach(function (element) { element.addEventListener('change', function () { this.form.submit(); }); }); }, false); </script> 我可以通过日期选择器选择日期，但我希望也能够使用键盘填写输入字段。现在我的问题是每次击键都会触发表单提交。有什么方法可以检查输入的值是否是完整的有效日期？所以我的意思是像0202-10这样的东西是不可能的，但是2024-10甚至1993-10是可能的。好的实现是这样的：我添加了一个计时器/反跳，这样即使日期有效，表单也会在一定时间后提交，以便用户可以先输入年份，然后添加大于 9 的月份 <input class="submit-form-on-change-delayed" type="month" name="@Model.DatePickerFormKey" value="@Model.InitialValue?.ToString("yyyy-MM")> <script> document.addEventListener('DOMContentLoaded', function () { let debounceTimer; const userFilterContent = document.getElementById('user-filter-content'); const delay = parseInt(userFilterContent.dataset.submitDelay) || 1000; // Default to 1000 ms if no data-delay userFilterContent.querySelectorAll('.submit-form-on-change-delayed').forEach(function (element) { element.addEventListener('change', function () { clearTimeout(debounceTimer); debounceTimer = setTimeout(() => { if (isValidDate(this.value)) { this.form.submit(); } }, delay); }); }); }, false); // Validates that the input string is a valid date formatted as "yyyy-MM" function isValidDate(dateString) { // Parse the date parts to integers const parts = dateString.split("-"); const year = parseInt(parts[0], 10); const month = parseInt(parts[1], 10); // Check the ranges of month and year if (year < 1000 || year > 9999 || month == 0 || month > 12) return false; return true; }; </script>

javascript datetime input

回答 1 投票 0

Ajax 正在阻止输入类型 number min 属性

函数最小值（ID）{ $Number = document.getElementById(ID); if ($Number.value < 1 && $Number.value !== "") { $Number.value = 1; } } echo ' function Min(ID) { $Number = document.getElementById(ID); if ($Number.value < 1 && $Number.value !== "") { $Number.value = 1; } } echo ' <form id="' . $Item2 . '"> <input type="image" src="AddToCart.png" style="margin:5px; float:left; font-size:25px;" width="65px" height="33" id="' . $EAN2 . '" onmouseup="KeyUp(this.id)" onmousedown="Click(this.id)"/> <input type="number" id = "' . $Image .'" name = "Amount" min="1" onKeyUp="Min(this.id)"> <input type="text" name = "ID" value="' . $Item . '" readonly style="display: none;"> <input type="text" name = "Cost" value="' . $Cost . '" readonly style="display: none;"> <input type="text" name = "Kom" value="' . $Kom . '" readonly style="display: none;"> <input type="text" name = "EAN" value="' . $EAN . '" readonly style="display: none;"> <input type="text" name = "Type" value="Food/Slatko" readonly style="display: none;"> <input type="text" name = "Image" value="' . $Image . '" readonly style="display: none;"> <input type="text" name = "Account" value="' . $_SESSION["Account"] . '" readonly style="display: none;"> </form>'; <script> echo " <script> $('#" . $EAN2 . "').on('click',function(event){ event.preventDefault() $.ajax({ type: 'get', url: 'ItemProcessor.php', data: $('#" . $Item2 . "').serialize(), }) }) </script>"; 我这里有这个表格。它通常会阻止用户在输入中输入小于 1 的值，但由于 ajax 代码，它无论如何都会发送它。我尝试添加一个函数 onkeyup 来检查该值，如果低于该值则将其设置为 1，但是用户可以在不释放按键的情况下按下图像，仍然有一个负数。我建议在 .ajax 调用之前添加验证。无论事件如何，它都会验证它： $('#" . $EAN2 . "').on('click', function(event) { event.preventDefault(); const amountInput = $('#" . $Image . "'); // Validate that the amount is at least 1 if (parseInt(amountInput.val()) < 1 || amountInput.val() === '') { amountInput.val(1); // Set it to 1 if it's less than 1 or empty alert('Amount must be at least 1.'); return; // Stop the form from submitting } $.ajax({ type: 'get', url: 'ItemProcessor.php', data: $('#" . $Item2 . "').serialize(), success: function(response) { console.log('Form submitted successfully:', response); // Additional handling for the response can be added here if needed }, error: function(xhr, status, error) { console.error('Form submission failed:', error); } }); });

javascript html ajax function input

回答 1 投票 0

ionic 7 键盘看不到输入字段

因此键盘下方的字段保持在下方。即使我隐藏键盘然后点击下部区域字段，键盘也会覆盖这些字段并使其无法输入数据。附上...

ionic-framework input

回答 1 投票 0

如何通过 Python 的用户输入使用 UPDATE SQL 语句？

我是Python新手，尤其是SQL新手。我的目标是：用户应输入他想要更改的电话号码然后用户应该能够输入新的电话号码此更改应该是

python mysql input sql-update

回答 2 投票 0

JavaScript - 检查日期输入的完整日期

我有以下代码：我有以下代码： <input class="submit-form-on-change type="month" name="@Model.DatePickerFormKey" value="@Model.InitialValue?.ToString("yyyy-MM")"> <script> document.addEventListener('DOMContentLoaded', function () { document.getElementById('user-filter-content').querySelectorAll('.submit-form-on-change').forEach(function (element) { element.addEventListener('change', function () { this.form.submit(); }); }); }, false); </script> 我可以通过日期选择器选择日期，但我希望也能够使用键盘填写输入字段。现在我的问题是每次击键都会触发表单提交。有什么方法可以检查输入的值是否是完整的有效日期？所以我的意思是像0202-10这样的事情是不可能的，但是2024-10甚至1993-10是可能的。好的实现是这样的： <input class="submit-form-on-change-delayed" type="month" name="@Model.DatePickerFormKey" value="@Model.InitialValue?.ToString("yyyy-MM")"> <script> document.addEventListener('DOMContentLoaded', function () { let debounceTimer; const userFilterContent = document.getElementById('user-filter-content'); const delay = parseInt(userFilterContent.getAttribute('data-submit-delay')) || 1000; // Default to 1000 ms if no data-delay userFilterContent.querySelectorAll('.submit-form-on-change-delayed').forEach(function (element) { element.addEventListener('change', function () { clearTimeout(debounceTimer); debounceTimer = setTimeout(() => { if (isValidDate(this.value)) { this.form.submit(); } }, delay); }); }); }, false); // Validates that the input string is a valid date formatted as "yyyy-MM" function isValidDate(dateString) { // Parse the date parts to integers var parts = dateString.split("-"); var year = parseInt(parts[0], 10); var month = parseInt(parts[1], 10); // Check the ranges of month and year if (year < 1000 || year > 9999 || month == 0 || month > 12) return false; return true; }; </script>

javascript datetime input

回答 1 投票 0

字符串值与输入的值发生变化

我正在编写一个代码，要求用户输入一个字符串，然后输入一个字符，它会计算字符串中有多少个字符。不知为什么，我的性格和别人不一样

python string input

回答 2 投票 0

Angular 组件中是否可以有条件/相关输入参数？

为了更轻松地使用我的 Angular 组件，我想只允许组件上的相关输入。这可能吗？ IE。对于我的组件，我希望它能够工作：为了更轻松地使用我的 Angular 组件，我想只允许组件上的相关输入。这可能吗？ IE。对于我的组件elevensies我想要希望这样工作： <elevensies [drink]="tea" [milk]="yes" /> 或 <elevensies [drink]="water"/> 但是不允许组合： <elevensies [drink]="water" [milk]="yes" />// Is it possible to give an error when adding "milk" to water? 这可能吗？注意：使用 <elevensies [oneInputToRuleThemAll]="{drink=tea,milk=yes}"/> 是一种后备解决方案，但我的问题涉及使用单独的输入您可以使用 effect 和 input 信号对输入参数做出反应，并使用 throw new Error(' ... ') 抛出错误，这将迫使用户修复错误。 ... export class Elevensies { drink: InputSignal<'tea' | 'water'> = input.required(); milk: InputSignal<'yes' | 'no'> = input<'yes' | 'no'>('no'); constructor() { effect(() => { if (this.drink() !== 'water' && this.milk() !== 'no') { throw new Error( "Tea can only have milk set as 'yes' as a parameter, so leave milk as no or empty" ); } }); } } 完整代码： import { Component, input, InputSignal, effect } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; @Component({ selector: 'elevensies', standalone: true, template: ` <h1> {{ drink() }}</h1> `, }) export class Elevensies { drink: InputSignal<'tea' | 'water'> = input.required(); milk: InputSignal<'yes' | 'no'> = input<'yes' | 'no'>('no'); constructor() { effect(() => { if (this.drink() !== 'water' && this.milk() !== 'no') { throw new Error( "Tea can only have milk set as 'yes' as a parameter, so leave milk as no or empty" ); } }); } } @Component({ selector: 'app-root', standalone: true, imports: [Elevensies], template: ` <elevensies [drink]="'tea'" [milk]="'yes'" /> <elevensies [drink]="'water'"/> <elevensies [drink]="'water'" [milk]="'yes'" />  `, }) export class App { name = 'Angular'; } bootstrapApplication(App); Stackblitz 演示

angular validation input

回答 1 投票 0

有没有安全的方法来检测Windows控制台上的扩展键？

我正在创建一个库，以便更轻松地进行控制台输入和输出（基本上是一种我可以用于 VIM 之类的引擎）。所以我在 Windows 下使用 _getch() 进行字符输入。不过，我很...

c++ winapi input console dos

回答 1 投票 0

input 相关问题

最新问题