Tag: forms

使用表单提交(jQuery)上的文本字段的值填充隐藏的表单元素值

我想自动填充隐藏的表单元素,其中包含在提交时在表单中的单行文本字段中输入的值。 如何用jQuery完成? 谢谢你的任何建议。

如果使用jquery选择下拉项,则显示表单字段

我正在尝试创建一个下拉字段,如果选中“其他”项,则会出现“请指定”文本框。 下面只使用一个下拉选择字段,但只要我添加第二个选择字段,它就不再有效。 这就是我所拥有的似乎不起作用的东西: CSS … #techother{display:none;} #lmsother{display:none;} 身体… Chose Your Browser: — Select an Option — IE FF Safari Opera Other Please Specify: Operating System: — Select an Option — Windows iOS Other Please Specify: 脚本… $(‘form select[name=Browser]’).change(function(){ if ($(‘form select option:selected’).val() == ‘5’){ $(‘#browserother’).show(); }else{ $(‘#browserother’).hide(); } }); $(‘form select[name=OS]’).change(function(){ if ($(‘form select option:selected’).val() […]

如何使用jquery禁用输入类型=“图像”的正确方法?

使用jQuery,我试图禁用这样的输入字段: 我想要做的是禁用按钮并使用不同的图像(submitGreyed.jpg)更改图像,以直观地通知该按钮被禁用。 使用以下行我禁用按钮: JQuery(“#submit”).attr(‘disabled’,’true’); 然后我改变了图像: JQuery(“#submit”).attr(‘src’,’submitGreyed.jpg’); 一旦被禁用,我提交表格: JQuery(“#form”).submit(); 第二行有一些奇怪的行为; 有时工作,有时不工作。 工作时,禁用按钮,更改图像并提交表单; 当它不起作用时,按钮被禁用,表单被提交但图像没有改变。 我怎么解决这个问题?

如何在jQuery异步中提交表单?

在mootools中我会做类似$(‘form_id’).send({success:function(res){….}});东西$(‘form_id’).send({success:function(res){….}}); jQuery中的并行语法是什么? 换句话说: 如何将表单数据(假设id =’bob’)放入以下代码中 $.ajax({ type: ‘POST’, url: url, data: data, success: success, dataType: dataType });

CTRL + S提交表单和所有输入

我有一个我在CMS中使用的表单,我想添加额外打开以在按键上保存表单:“Ctrl + S” 除了提交按钮之外,这适用于所有输入,这个简单的例子显示了我的意思: html { height: 100%; } body { color: #262626; background: #f4f4f4; font: normal 12px/18px Verdana, sans-serif; height: 100%; } #container { width: 760px; margin: 0 auto; padding: 10px 60px; border: solid 1px #cbcbcb; background: #fafafa; -moz-box-shadow: 0px 0px 10px #cbcbcb; -webkit-box-shadow: 0px 0px 10px #cbcbcb; min-height: 100%; height: auto !important; height: […]

如何使用JQuery更改onClick复选框的值?

在这里,我试图在单击它时更改以下复选框的值。 在下面的代码中,我尝试将复选框的值更改为1,并在取消选中时将值更改为0。 但它只需要错误的条件,当取消选中复选框时,值会更改为0但是当选中它时不会更改为1.有任何建议如何解决这个问题?

单击后禁用提交按钮,几秒钟后再次启用它

我在提交表单时使用的是jquery $ .post。 我想在点击按钮后禁用该按钮5秒钟,以避免多次提交表单。 这就是我现在所做的: $(‘#btn’).click(function(){ $.post(base_url + ‘folder/controller/function’,$(‘#formID’).serialize(),function(data){ $(‘#message’).slideDown().html(”+data+”); }); }); 我之前使用过fadeIn和fadeOut,但是当我测试它快速点击按钮时它仍然不起作用。 我该怎么做才能实现我想要的目标?

按下在Textarea中输入时的表单提交

我一直在尝试各种方法,以便在按下回车键时提交表单。 我知道它适用于输入字段,但因为这将是一个注释,它需要是一个文本区域。 这是我目前用表单提交一个按钮。 $(‘.messageSubmit’).live(‘click’, function(){ var name = $(this).siblings(‘.messageTextarea’).val(); var theid = $(this).attr(‘data-the_id’); var dataString = name; $.ajax({ dataType: ‘json’, url: “https://api.instagram.com/v1/media/”+$(this).attr(‘data-the_id’)+”/comments?”+hash, type: “POST”, data: “text=”+dataString, success: function(data) { // finish load console.log(data, dataString, ‘fail’); }, error: function(data) { var username = JSON.parse(localStorage.getItem(‘iguser’)); var profilepic = JSON.parse(localStorage.getItem(‘iguserimg’)); //console.log(data, dataString, ‘succ’); $(‘.box[data-the_id=”‘ + theid + ‘”]’).children(‘.postMessage’).children(‘.messageComments’).append(” […]

jquery – 将“自动完成”转为关闭所有表单(即使尚未加载)

所以,我有这个代码: $(document).ready(function(){ $(‘form’).attr(‘autocomplete’, ‘off’); }); 它适用于所有已存在的表格。 问题是,我的某些forms是通过ajax加载弹出窗口。 这不适用于他们,因为他们以后会“加载”。 我知道有一个live()函数 – 但这仅用于附加事件。 将此应用于所有表单的好方法是什么? 谢谢。

使用“提交”回调和$ .ajax发布时多次提交表单

我用以下代码观察了一些奇怪的行为: $.fn.submit_to_remote = function() { // I use .each instead of the .submit directly so I can save // the ‘submitEnabled’ variable separately for each form jQuery.each($(this), function() { $(this).submit(function() { form = $(this); if (form.data(‘submitEnabled’) == false) { alert(‘disabled’); return false; } form.data(‘submitEnabled’, false); $.ajax({type: ‘POST’, url: ‘url’, data: data, dataType: ‘script’, success: function(script) […]