Tag: 表单

如何在不在表单中键入的情况下显示消息

我只想在下拉按钮中选择房间和时间后显示消息。 我选择所有这些,它将以这样的forms出现: $(document).ready(function(){ $(‘#rooms, #time’).bind(‘input’, function() { $(‘#time_room’).val($(‘#rooms’).val() + ‘ ‘ + $(‘#time’).val() ); }); }); SELECT cas 104 cas 105 SELECT 7:00 – 8:00 am 8:00 – 9:00 am 上面的代码在index.php里面,然后当我把这段代码放在里面时: $(“#feedback”).load(“check.php”).hide(); $(“#time_room”).on(‘input’, function(){ $.post(“check.php”, { time_room: form.time_room.value }, function(result){ $(“#feedback”).html(result).show(); }); }); 并在check.php内部 0){ echo “Already taken”; }?> 此代码有效,但最终,除非我尝试插入或编辑表单,否则不会显示该消息。 这是我完成选择所有房间和时间的时间: 当我输入表格时。

jquery将输入值存入空数组元素

我有这个arrays var foods = new Array(); foods = [ { id: 1, correct:’icecream’, display: ‘icecream’, response: ”}, { id: 2, correct:’sundae’, display: ‘sundae’, response: ”}, ]; 和这个html div <div 这是项目表单部分会发生的jquery部分 function FoodDisplay() { var txtTrial = “”; $(“#showfoods”).hide(); txtTrial = trials[curTrial].display; $(“#textPrompt”).html(txtTrial); $(“#showfoods”).show(); $(“#inputFoodChoice”).val(”); $(“#inputFoodChoice”).focus(); } 单词“icecream”将出现在它下面的表格框中,用户将做的是输入确切的单词icecream,然后按enter键(ltr == 13) 我想要的是将人类输入的值存储到食物数组的空“响应”部分,然后将其与食物数组中的“正确”值进行比较。 取决于该人是否正确,会弹出一条消息说你得到了它! 或者不正确! 在该消息出现多长时间后,它将以相同的方式显示“圣代”一词。 我在存储输入值/将其与正确值进行比较时遇到问题。 有人可以帮忙吗? […]

Ajax表单无法使用event.preventDefault()阻止页面重新加载;

我有以下代码,假设通过Ajax提交表单而无需重新加载页面: $( document ).on(‘submit’, ‘.login_form’, function( event ){ event.preventDefault(); var $this = $(this); $.ajax({ data: “action=login_submit&” + $this.serialize(), type: “POST”, url: _ajax_login_settings.ajaxurl, success: function( msg ){ ajax_login_register_show_message( $this, msg ); } }); }); 但是出于某种原因,尽管event.preventDefault(); 应该阻止forms实际射击的function,实际上它会起火。 我的问题是,如何防止上述表单重新加载页面? 谢谢

jQuery validate()MVC 4未捕获类型错误对象没有方法’validate’

我正在制作一个MVC 4应用程序。 我正在尝试使用jQueryvalidation来应用一些客户端validation。 我一直收到“Uncaught Type Error:Object [Object object]没有方法’validate’”。 我尝试过使用url链接而不是项目中的脚本。 我检查了脚本,它们确实存在。 我已将脚本拖放到文件中以确保正确指定路径。 我已经尝试了很多其他的东西,但只是无法弄清楚为什么我收到这个错误。 这是我呈现的页面: Create Create Question For d $(document).ready(function () { //form validation $(‘#myForm’).validate(); $(‘:input’).rules(“add”, { required: true }); //submit form using jquery //$(‘#myForm’).submit(function (event) { // //url-encode the form data // var formData = $(this).serialize(); // //post the data to the controller // $.post( […]

如何从jQuery .submit()事件对象访问表单POST数据?

我需要从这个js代码访问我的表单数据中名为’partnerId’的隐藏字段: $(document).ready(function() { showPartnerSettings = function(e) { e.preventDefault(); var $dialogForm = $(“”) .attr(“id”, “partner-settings-form”) .append($loading.clone()) .load(envPath + “/partner/settings?partnerid=”+e.data.partnerId, null, function(){ $(“#partner-settings-form”).css(“display”, “block”); }) .dialog({ title: “Partner Settings”, modal: false, resizable: false, width: 580, //CPB 04.11.13 position:[‘middle’,130], “close” : function(){ var dialogid=$(this).parent(“div”).attr(“id”); $(“#Tabs ul li.”+dialogid).remove(); $(this).remove(); $(“#alertmod”).remove(); //$link.removeClass(‘preventclick’); }, }) .dialog(“open”) .css(“display”, “block”); return false; }; […]

JQuery模糊validation问题

我有一个简单的表单,如果文本字段为空,我想使用模糊validation。 下面的代码应该可以正常工作,但即使我弹出一些文字,请不断提醒我,请问我做错了什么? var name = $(“input#name”).val(); $(“input#name”).blur(function() { if ((‘input#name:empty’)) { // Testing alert(‘Empty’); } });

jQuery多步骤表单:禁用“下一步”按钮,直到每个部分填入输入

我有一个多步forms,每个 都有不同的输入类型。 我有一个’next’ ,它将在当前触发表单的下一部分。 目前,下一个按钮设置为disabled直到用户满足该字段集的条件 – 即:已检查的无线电/复选框等。 我遇到的问题是我用来将按钮属性切换为.prop(‘disabled’, false);的jQuery .prop(‘disabled’, false); 将整个表单中的所有按钮更改为false 。 是否可以仅在当前集中定位 ? 此外,如果用户返回某个部分并取消选中所有输入,是否可以禁用下一个按钮? 以下是包含我当前使用的脚本的上一个答案: 禁用按钮,直到单击一个单选按钮 我有一个Codepen,其中包含我正在处理的原型: https ://codepen.io/abbasarezoo/pen/jZgQOV – 您可以假设每次一个fieldset将一次显示。 代码如下: HTML: Select one answer Radio 1 Radio 2 Radio 3 Next Select one answer per row Row 1 Radio 1 Radio 2 Radio 3 Row 2 Radio 1 Radio 2 Radio […]

邮寄后防止重定向

问一个已经多次回答多次的问题可能是一个坏主意,但无论如何我都应该问它。 我尝试了很多我在那里发现的所有内容在提交表单后防止重定向但没有任何帮助我。 有一些细节,我看不到。 我对jQuery和AJAX不太熟悉。 特别是前者。 所以,代码: Name Email Select a file Отправить 有我的JS function sendData() { var file_data = $(“#fileToUpload”).prop(“files”); console.log(file_data); if ($(“#file_data”).val() != “”) { var form_data = new FormData(); //form_data.append(‘file’, file_data); //console.log(file); form_data.append(‘file’, file_data); console.log(form_data); $.ajax({ url: ‘uploadfile.php’, // point to server-side PHP script dataType: ‘text’, // what to expect back from the […]

ajax登录提交后fadeOut

我目前有一个非常好的淡入淡出的登录页面,可以在这里看到:ournewlife.com/001/login.php 用户成功登录后,我希望它在重定向之前淡出相似的时间。 我在以下代码中将值(7777)传递给load.fadeOut: $(‘#login’).on(‘click’, function(e) { // Some variables var username = $(‘input[name=username]’).val(), password = $(‘input[name=password]’).val(), csrf = $(‘input[name=csrf_field]’).val(), load = $(‘.form_loader’); feedback.slideToggle(); load.fadeIn(); // Check to see if any empty values.. // I mean c’mon.. Why disturb PHP? if ( username === “” || password === “” || csrf === “” ) { feedback.removeClass().addClass(‘alert […]

使用Jquery提交Google自定义搜索

我使用Google自定义搜索,我想使用我自己的div与Jquery提交表单。 我尝试了许多没有运气的东西,这是其中之一: Google代码: (function() { var cx = ‘partner-pub-2789521296837340:9402765321’; var gcse = document.createElement(‘script’); gcse.type = ‘text/javascript’; gcse.async = true; gcse.src = (document.location.protocol == ‘https:’ ? ‘https:’ : ‘http:’) + ‘//www.google.com/cse/cse.js?cx=’ + cx; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(gcse, s); })(); Jquery部分: $( document ).ready(function() { $( “div.button” ).click(function() { $( “form.gsc-search-box” ).submit(); return false; }); }); […]