Tag: 表单

validation表单的各个部分

我已经将我的表格分成了div并使用Next按钮来购买和隐藏这些部分。 我也在使用jQuery Validation Plugin为我做所有的validation。 我需要知道的是如何逐节validation。 所以这就是我所拥有的 个人信息 详细地址 项目信息 条款和条件 默认情况下隐藏2,3和4以使表单不那么令人生畏。 单击“个人信息”的下一个按钮将隐藏此div并显示“地址详细信息”等。 最后一个屏幕有提交表单按钮，然后通常会validation整个表单，但我需要在用户继续操作之前validation每个部分。 这是我认为应该起作用的： CSS .project-address {display:none;} HTML Project details Project name: Next Project address Project address: Next JQUERY //clicking the next button hides this section and shows the next section jQuery(‘.project-details .reg-next-button’).click(function() { // jQuery(“.project-details”).slideUp(); // jQuery(‘.project-address’).slideDown(); jQuery(‘.reg-project-name’).validate({ debug: true, rules: { projectName: “required” […]

jQuery，选择输入文件并将其设置为另一个输入

该网站有2个输入字段，我只选择1个字段，另一个是不可见的。 现在我想将不可见的.val（）更改为所选的.val（），因此两个字段都上传相同的文件。 这是如何运作的？ 如果我这样做： $(‘#input_file’).change(function() { var fileSelect = $(this).val(); $(‘#hidden_input_file”]’).val(fileSelect); console.log(fileSelect); }); 我收到此错误：Uncaught InvalidStateError：无法在’HTMLInputElement’上设置’value’属性：此input元素接受一个文件名，该文件名只能以编程方式设置为空字符串。

jQuery表单提交

我的目标是：何时提交： 对表单进行validation： 好的 调用ajax以查看用户名和密码是否匹配： OK 如果它们不匹配，则显示错误： OK 如果他们匹配，那么真的提交表格： 不行 。 事实上麻烦的是，我无法提交表单，因为它上面有一个jquery提交事件！ function form1Submit() { var username=$(‘#username’).val(); var password=$(‘#password’).val(); if (username.length<2) { return false; } if (password.length<2) { return false; } $.post("check.php", { username: username, password:password }, function(data) { if (data=="ko") { alert('bad password'); return false; } else { //to be done here ! } }); […]

使用jQuery检测表单输入上的自动完成

我有一个表单，检测所有文本字段是否在每个keyup（）和focus（）; 如果它们全部有效，它将启用用户按下的提交按钮。 但是，如果用户使用浏览器自动完成function填写其中一个文本输入，则会阻止启用提交按钮。 有没有办法使用jQuery检测是否有任何输入已经改变，无论它是如何被更改的？

当输入字段为空时，使用jQuery来阻止表单提交

解决方案应该非常简单。 我想在输入框中找不到任何值时阻止表单正确提交。 这是我的JSFiddle： http ： //jsfiddle.net/nArYa/7/ //标记 <input type="text" placeholder="Your name*" autocomplete=off name="name" id="user_name" Sign Up // jQuery的 if ($.trim($(“#email, #user_name”).val()) === “”) { $(‘#form’).submit(function(e) { e.preventDefault(); alert(‘you did not fill out one of the fields’); }) } 正如您在JSFiddle中看到的那样，问题是当我在两个字段中输入内容时，会弹出警告框STILL。 我很难搞清楚原因。 在我的if（$ .trim（$“＃email，＃user_name”）。val（））===“”）中是否有问题？

从选择下拉列表中筛选重复选项

我有一个从列表生成的下拉选择器，并希望筛选选项以删除重复的条目。 我要过滤… Microsoft Microsoft Microsoft Microsoft Apple Apple Google …向下呈现用户…… Microsoft Apple Google （数据来自另一个列表上的Sharepoint Lookup，我想我可以使用jquery来保留唯一的选项，而不必深入了解正在发生的事情。）我可以删除这样的选项吗？ 谢谢。

Jqueryvalidation多个选项卡，一次validation一个？

我是jQuery的新手，我正在尝试使用它和validation插件（http://docs.jquery.com/Plugins/Validation）来创建一个包含不同部分的多个选项卡的多部分表单。 现在，我有它有多个选项卡，“下一步”按钮切换到下一个选项卡。 我遇到的问题是，当我最后在最后一页上提交时，表单会正确validation，但如果其他页面上有错误，则不会通知用户，并且只有在单击“提交”时才会进行validation。 单击“下一步”时，如何单独validation每个？ 我真的不想创建多个表单或跟踪隐藏字段：S有什么建议吗？ 谢谢！ $(document).ready(function() { //….stuff //tabs var tabs = $(“#tabs”).tabs(); $(“.nexttab”).click(function() { //var selected = $(“#tabs”).tabs(“option”, “selected”); //$(“#tabs”).tabs(“option”, “selected”, selected + 1); $(“#tabs”).tabs(“select”, this.hash); }); //use link to submit form instead of button $(“a[id=submit]”).click( function(){ $(this).parents(“form”).submit(); }); //form validation var validator = $(“#myForm”).validate(); }); General ….stuff… Next Tab2 Prev Submit 编辑： […]

如果页面有多个表单，则使用jquery / ajax表单提交而不刷新

大家好我知道如果页面上只有一个表单，如果页面上有多个表单，那么在没有刷新的情况下提交表单非常容易。 我使用以下代码进行表单提交，如果页面上只有一个表单，它可以正常工作。 当页面上有多个表单时，如何更改它以使其工作。 提前致谢。 function processForm() { $.ajax( { type: ‘POST’, url: form_process.php, data: ‘user_name=’ + encodeURIComponent(document.getElementById(‘user_name’).value), success: function(data) { $(‘#message’).html(data); } } ); }

在UpdatePanel中从jQuery submit（）中防止ASP.net __doPostback（）

如果我的自定义jQueryvalidation返回false，我试图在表单提交上停止回发。 有没有办法阻止__doPostback（）函数在submit（）函数内完成？ 我假设： $(‘#aspnetForm’).submit(function () { return false; }); 会做的伎俩，但显然事实并非如此：有没有人有建议？ submit（）函数会阻止回发（如果你在firebug中的断点暂停，它不会回发），但是我似乎无法在submit（）函数完成后停止事件发生！ 干杯，艾德 编辑 好吧，我有一个快速的混乱，并发现我用来导致回发的按钮与更新面板绑定作为asyncpostbacktrigger的事实似乎是问题：如果我将其作为触发器删除（即导致它产品一个完整的回发），没有问题阻止回发与返回false; 任何想法为什么异步回发不会使用return false停止？

使用jquery重置MVC表单

如何重置表单？ 即清除所有字段的值，并使用jquery删除ValidationSummary错误消息validation-summary-errors。 我使用下面的代码，但它不起作用： var validator = $(“#myform”).validate(); validator.resetForm(); 我正在使用asp.net MVC3，jquery脚本包含在我的页面中。