Tag: 表单

Jquery循环表单检查所有空字段然后执行一个函数: 我正在尝试循环表单以检查空字段然后执行和function。我现在正在使用下面这个我在这个网站上找到的东西，但是发生了什么，每个循环检查1字段，看到1不是空的，仍然执行其他function。我想我需要立即检查所有然后执行下一个function。我怎么能实现这个目标？ if($(‘.enter-info–ownerInfo .req’).val() != “”) { alert(“Empty Fields!!”) } else { run this function } 谢谢…

将所有字段附加为from to ajax请求: 我有一个包含各种不同类型字段的HTML表单。输入，选择，隐藏和文本区域。我已经尝试将所有表单数据附加到ajax请求但POST数据没有发送。获取所有表单数据而不仅仅是命名单个字段的原因是，如果需要，用户可以添加更多字段。 function saveProductEdits(f){ var url = ‘func/editProduct.php?func=saveEdits’; $.ajax({ url:url, data:$(‘#edit_form’).serialize(), type:’POST’, beforeSend:function(){ }, success:function(e){ alert(e); } }); } PHP： if(isset($_GET[‘func’])){ if($_GET[‘func’] == ‘saveEdits’){ if(!empty($_POST)){ }else{ echo ‘Post data not sent’; } }else{ echo ‘unknown function’; } print_r($_POST); //shows empty array }else{ } HTML： //various inputs generated at run time //button to submit […]

如何在所有浏览器中使用时使用JQUERY上传文件获取完整路径以及为什么IE，Chrome会给出“c：/ fakepath / filname”返回？: JSF CODE LINK HERE 在这段代码中，我使用，我想在用户浏览任何文件后获得完整路径。 HTML Full path will display here 在这里我使用$(‘.classname’).val(); 函数但只返回FireFox中的 FILENAME.txt（例如），如果我在IE中使用相同的代码并且Chrome返回“C：/fakepath/myfilename.txt” jQuery的 /* Here show only file name, I want a full path of file like “c:\something\folder\filename.txt” */ $(‘.btn_showpath’).click(function(){ var getpath = $(‘.file_upfile’).val(); $(‘.p_upfilepath’).slideUp(function(){ $(‘.p_upfilepath’).text(‘”‘+getpath+'”‘).slideDown(); }); }); CSS .p_upfilepath{ background:#aaaaaa; padding:3px 10px; width:auto; color:#555555; }

如何将jQuery UI自动完成链接到几个输入元素？: 我希望用户能够为n个Facebook好友添加分数。我现在设置表单的方式有8个输入（我假设最多8个玩家）。我有jQuery自动完成工作一个输入（以便用户可以添加Facebook的朋友），但我无法弄清楚如何以编程方式为所有8个输入分配自动完成。更新：基于Mark的建议我按类选择，这允许我在播放器名称的所有文本输入上自动完成，但我仍然需要将值放在每个相关的隐藏输入中。（对于每个自动完成的名称，都有相应的ID） jQuery的： $(function() { var friends = {{friends}}; $(“.player-name”).autocomplete({ minLength:0, source: friends, focus: function(event, ui) { $(“this”).val(ui.item.label); return false; }, select: function(event, ui) { $(“this”).val(ui.item.label); //need to assign the appropriate value along with this name $(“#player-1-id”).val(ui.item.value); return false; } }) .data(“autocomplete”)._renderItem = function( ul, item ) { return $( “” ) […]

Jquery表单提交保持刷新: 由于某种原因，这个表单不断刷新页面，我不知道为什么因为我在页面上有另一个表单，具有不同的id但相同的脚本，并且它不刷新。我尝试过使用preventDefault（）; 同样，但它也不起作用。有人可以告诉我这个表格或脚本出错了吗？谢谢页面顶部表格 Inception Date:<input size="10" maxlength="10" id="creddate" type="text" value="” /> Surety:<input size="15" maxlength="15" id="surety" type="text" value="” /> Credit Limit:<input size="15" maxlength="15" id="creditlimit" type="text" value="” /> <input type="hidden" id="code" size="12" readonly="true" value="” /> 脚本 – 从member_info.js链接 $(document).ready(function(){ $(“form#central”).submit(function() { var code = $(‘#code’).val(); var inception = $(‘#creddate’).val(); var surety = $(‘#surety’).val(); […]

调试jquery处理程序: 这个问题是这个问题的后续问题。我创建了一个简单的示例来检查代码在处理程序中的执行方式。对于表格 Insert date: 我正在尝试使用以下javascript检索字段： function get_form_data_uid($form) { var unindexed_array = $form.serializeArray(); var indexed_array = {}; $.map(unindexed_array, function (n, i) { indexed_array[n[‘name’]] = n[‘value’]; }); indexed_array[‘uid’] = ‘badbfadbbfi’; return indexed_array; } $(“#calendar_id”).submit(function (e) { var uri, method, formId, $form, form_data; // Prevent default submit e.preventDefault(); e.stopImmediatePropagation(); uri = “/”; method = “POST”; formId = […]

HTML格式的多个提交按钮: 我想在单个表单上放置多个按钮。基于提交按钮，我想处理不同的动作以形成 $(“#Form”).submit(function(e) { //alert(“test”); var action = ??? if (action == ‘Add’) { alert(“add”); } else if (action == ‘Edit’) { alert(“edit”); } else if (action == ‘Delete’) { alert(“delete”); } else{ alert(“error”); } }); <form name="Form” method=”POST”> 如何获得触发提交表单的按钮？

preventDefault不起作用: 我有一个preventDefault函数的问题。它不起作用。这是我的JS文件： (function() { var app = { initialize : function () { this.setUpListeners(); }, setUpListeners: function () { $(‘form’).on(‘submit’, app.submitForm); }, submitForm: function(e){ e.preventDefault(); } } app.initialize(); }()); 我的HTML代码有2个确认按钮。第二步是隐藏的，应该在第一步完成时显示。但我至少不能在第一步添加preventDefault。这是我的HTML： Registration Form Username Password Password Registration Form Name Surname Email 对不起。我只是js的初学者，如果有人帮助我，我将非常感激

使用Jqueryvalidation我的表单: 我正在努力弄清楚如何validation我使用jquery的post函数提交的表单。我想要做的只是在’bill_cost’字段完成后才提交表单。表单无需validation代码即可运行。我试图使用jquery实时表单validation插件但由于某种原因它’不工作。请问任何人都可以告诉我什么是错的/我应该在哪里放置validation码？谢谢。表格 Submit Jquery $(document).ready(function(){ $(“#message”).hide(); $(“#submitButtonId”).on(“click”,function(e){ e.preventDefault(); var formdata = $(this.form).serialize(); $.post(‘../php_includes/insert.php’, formdata, function(data){ $(“#message”).html(data); $(“#message”).fadeIn(500); $(“#message”).fadeOut(500); //Validate the form jQuery(function(){ jQuery(“#bill_cost”).validate({ expression: “if (VAL) return true; else return false;”, message: “Please enter the Required field” }); jQuery(‘.myform’).validated(function(){ }); }); //End of validation //Reset Form $(‘#myform’)[0].reset(); }); return false; […]

Chrome for Android显示自动填充即使自动填充：关闭: 我有一个包含4个字段的表单，用户应该进入两个城市（From和To）和两个日期（出站和返回日期）。我有autocomplete:off ，在大多数浏览器中工作正常。但是，对于Android上的Chrome，我会收到烦人的自动填充，这与我自己的建议下拉列表重叠。试验我从这里和这里尝试了所提出的每一个解决方案，包括： 1）在表单中的字段之前放置一个隐藏字段。即使与第一个真实领域同名： 2）直接隐藏div而不是输入标记： 3）从autocomplete=”off”更改为autocomplete=”false” 4）浏览器通过只读模式自动填充。 5） autocomplete=”new-password” 6） 7）使用JQuery： if ($.browser.webkit) { $(‘input[name=”my_field_name”]’).attr(‘autocomplete’, ‘off’); } 8）JQuery： $(window).ready(function () { $(‘#my_id’).val(‘ ‘).val(”); }); 9）从这里开始更复杂的JQuery： jQuery(‘body’).on(‘mousedown keydown’,'[name=”name”][autocomplete=”off”], [name=”email”][autocomplete=”off”]’,function(e){ e.stopImmediatePropagation(); if(typeof this.currentName ==”undefined”) this.currentName=jQuery(this).attr(‘name’); jQuery(this).attr(‘name’,”); }); jQuery(‘body’).on(‘blur keyup’,'[autocomplete=”off”]’,function(e){ e.stopImmediatePropagation(); if(typeof this.currentName !=”undefined”) jQuery(this).attr(‘name’,this.currentName); }); 请注意，对于解决方案1和解决方案2，我只是考虑了输入名称为“name”和“email”的情况。对于此属性使Chrome生成下拉列表的任何其他情况，您必须将其添加到鼠标按下事件的选择器中。 10）自己的想法：我意识到通过给字段一个默认值，自动填充不会显示。然后，我尝试给出一个默认值，并使用javascript清除焦点上的值… $(‘#id_From’).focus(function() { this.value = […]