Tag: 表单

用不同的图像替换单选按钮: 我需要创建一组2个单选按钮（选项：男/女），显示图像而不是实际按钮。图像应根据选择而改变。所以应该有4个图像：男性（上），男性（关闭），女性（上），女性（关闭）。我在整个网站上使用jQuery，如果可能的话，我也想使用jQuery。我找到了各种替换表单控件的插件，我使用imageTick替换复选框，它工作正常。但是，我无法弄清楚如何调整插件，因此我可以在一个单选按钮组中使用不同的图像。谢谢！

Rails 4forms：基于单选按钮选择的字段的条件显示: 首先，请原谅我这个问题是否愚蠢，我刚开始围绕Rails，Javascript和jQuery对我来说是一个全新的世界。我发现了以下类似的问题，但根本不明白它们如何适用于我的情况：如果选中复选框，则显示/隐藏div 根据选中的单选按钮检查隐藏的输入字段根据单选按钮选择显示表单域话虽如此，这是我的问题。在我的Rails 4应用程序中，我有以下Rails表单（我不使用简单表单）： true, :onclick=>”showMe(‘calendar_details_b2c’)”, {:class => “radio_button_target_relationship_b2C”}) %> “showMe(‘calendar_details_b2b’)”, {:class => “radio_button_target_relationship_b2b”}) %> true) %> 根据用户检查第一个单选按钮（“B2C”或“B2B”）的内容，我想显示calendar_details_b2c div或calendar_details_b2b div 。我知道我需要隐藏两个div ，然后实现某种forms的条件，检查选中哪个单选按钮，最后显示正确的div 。正如你所看到的，我试图在我的单选按钮上添加一个onclick选项和一些特定的类，但后来我卡住了：我不知道如何构建正确的js函数，我不知道在哪里包含它（在表单的.html.erb文件中，在app的标题中，在application.js文件中？）。 —– 更新：根据Ziv Galili的回答，这是我现在拥有的：在app/assets/javascript/custom/calendars.js ： $(document).ready(function() { $(‘input[type=radio][name=calendar’).change(function () { // first: hide all the divs $(‘#calendar_details_b2c’).css(“display”,”none”); $(‘#calendar_details_b2b’).css(“display”,”none”); // then get the div ID to […]

通过jquery上下移动选择选项: 所以我让这个代码适用于Firefox和Chrome ……它的作用是它允许你在HTML选择表单中对选项进行重新排序……但是当我通过IE8测试代码时，它有点不完整……它仅适用于前几次点击，之后您必须在按钮上多次单击才能使其正常工作.. 有没有人知道任何其他允许您重新排序在IE8中完美运行的选择字段项的代码？ bahaha mwaahaha Move Up Move Down Add Item Remove item $(document).ready(function(){ $(‘#mup’).click(function(){ moveUpItem(); }); $(‘#mdown’).click(function(){ moveDownItem(); }); }); function moveUpItem(){ $(‘#list option:selected’).each(function(){ $(this).insertBefore($(this).prev()); }); } function moveDownItem(){ $(‘#list option:selected’).each(function(){ $(this).insertAfter($(this).next()); }); }

Jquery表单插件文件上传: 我有一个jquery表单插件的问题。我尝试异步上传文件，但它不提交表单。 html标记和javascript代码如下所示 $(document).ready(function() { $(‘#fileUploadForm’).ajaxForm(); }); function UploadFile() { var options = { url:”Default.aspx”, beforeSend: ShowRequest, success: SubmitSuccesfull, error:AjaxError }; $(“#fileUploadForm”).ajaxSubmit(options); return false; }. 我有另一个测试表单，它只有一个文本框，它工作正常。此外，当我评论输入类型=“文件”…行时，上面的表格也可以正常工作。输入类型文件有什么问题？任何的想法？

如何在Jquery中validation电子邮件？: 我写了以下联系表单validation脚本。如何validation电子邮件字段？ div.contactForm { width:370px; margin:0 auto; } form.contactUs label { display:block; } form.contactUs input { margin-bottom:10px; } input.submit { margin-top:10px; } input.error { background:#FF9B9B; border:1px solid red; } div.errorMessage { color:#f00; padding:0 0 20px; } $(document).ready(function() { $(‘.errorMessage’).hide(); $(‘.submit’).click(function() { var name = $(‘input.name’).val(); var email = $(‘input.email’).val(); var phone = $(‘input.phone’).val(); if (name […]

JQUERY检查INPUT文本值是否为空并提示警报: 如果单击提交按钮，输入字段的值为空，如何显示带有JQUERY的警报？

Jquery在动态表单上validation: 我使用Jqueryvalidation（ http://jqueryvalidation.org ）来validation表单。我的代码： Add form $(document).ready(function () { $(‘#add-form’).click(function () { $(‘#form-section’).html(‘ Submit ‘); }); $(‘#myform’).validate(); }) 但是$(‘#myform’).validate(); 不工作如何validation这样的动态表单？谢谢！

提交前JQuery需要Checkbox和Radio Button: 我正在努力解决这个问题。现在正在查看JQueryvalidation的示例和工具超过3个小时。我想做的就是要求选中一个复选框和一个单选按钮，但我不在乎需要哪一个。 Box1 Box2 Box3 Radio1 Radio2 Radio3 任何帮助将不胜感激。

检查提交时输入是否为空: 我一直在寻找解决方案，但似乎找不到任何适合我的例子。这是我到目前为止所得到的： $(“#register-form”).submit(function(){ if($(“.required input”).val() == ”) { alert(“Please fill in all the required fields (indicated by *)”); $(“.required”).addClass(‘highlight’); // $(‘input[type=submit]’, this).attr(‘disabled’, ‘disabled’); return false; } }); 出于某种原因，当我提交表格时没有填写任何必填字段（有两个），那么它可以工作，但如果填写了其中一个，则不会。有什么想法吗？谢谢 OSU

jQuery基于下拉菜单中选择的数字动态创建输入字段？: 我正在尝试按照以下方式完成某些事情： http://devblog.jasonhuck.com/assets/infiniteformrows.html 但是……我想显示一个下拉选择字段，值为1到20，并且取决于在该字段中选择的值，即我将向用户显示的页面上填写的输入字段数量（不刷新，当然）。因此，如果我在下拉框中选择4（最初没有显示输入字段，默认值应为0），则应在其下方创建4行输入字段，用于名称和电子邮件，所有输入字段都具有唯一标识符等（用于存储到mysql）。而对于我的生活，我找不到任何人这样做的例子，所以我想我会在这里提出一些挑战。提前致谢！