小编Shi*_*tya的帖子

在尝试避免使用JavaScript多年之后,Iv开始在MVC asp.net中使用JQuery进行验证,因为似乎没有正式的验证方法,我很惊讶JQuery有多好.

首先是有一种方法让intellisense为JQuery及其验证插件工作,这样我就不必学习api了吗？

其次,我如何为此创建验证摘要,它当前将错误附加到文本框的右侧:

<script type="text/javascript">
$().ready(function() {
$("#CreateLog").validate({
        rules: {            
            UserName: {
                required: true,
                minLength: 2,

            }
        },
        messages: {

            UserName: {
                required: "Please enter a username",
                minLength: "Your username must consist of at least 2 characters",

            }
        }
    });
});
</script>

<form id="CreateLog" action="Create" method="post" />   
        <label>UserName</label><br />
        <%=Html.TextBox("UserName")%> 
         <br />  
          <div class="error"> </div>
        <input  type=submit value=Save />
       </form>

我尝试将其添加到脚本中:

 errorLabelContainer: $("#CreateLog div.error")

这到html:

  <div class="error"> </div>

但这没效果.

重复: 哪个Javascript框架(jQuery vs Dojo vs ...)？

我是javascript的新手,但我想在我的网站上实现ajax功能.我应该学习哪个JS框架？请推荐或使用哪一个以及您使用它的原因？

我们计划使用JQuery库来增强客户端JavaScript需求.

尝试同时使用ASP.Net AJAX和JQuery有什么重大问题吗？这两个库似乎都将$用于特殊目的.我们需要注意哪些冲突？

我们还使用使用ASP.Net AJAX的Telerik控件.

TIA

Joel总是说在使用第三方库时要小心.从我最初的印象来看,JQuery很棒.使用它时我应该注意什么？有什么限制？当我更多地使用它时,我会遇到什么令人头痛的问题？

我想在UI工具包中使用像simple-modal这样的加载项或对话框加载项.但是,我如何使用这些或任何其他方法并获得结果.基本上我希望模态与服务器进行一些ajax交互,并返回调用代码的结果来做一些事情.谢谢.

对于以下HTML:

<form name="myForm">
    <label>One<input  name="area"  type="radio" value="S"  /></label>
    <label>Two<input name="area"   type="radio" value="R" /></label>
    <label>Three<input name="area"   type="radio" value="O" /></label>
    <label>Four<input name="area" type="radio" value="U" /></label>
</form>

从以下javascript代码更改:

$(function() {
     var myForm = document.myForm;
     var radios = myForm.area;

     // Loop through radio buttons
     for (var i=0; i<radios.length; i++) {
        if (radios[i].value == "S") {
            radios[i].checked = true;   // Selected when form displays
            radioClicks();   // Execute the function, initial setup
        }
        radios[i].onclick = radioClicks;  // Assign to run when clicked
     }  
 });

谢谢

编辑:我选择的响应回答了我问的问题,但是我喜欢使用bind()的答案,因为它还显示了如何区分单选按钮组

我正在使用jQuery select2插件并试图让AJAX与我的ext数据一起工作,这显然不起作用,我只是想知道是否有人可以指出我做错了什么或丢失了什么？

注意这仅适用于选择v3.5.2

我的js:

$('#cliselect').select2({
    ajax: {
        dataType: "json",
        url: "clientprojectpopulate.php",
        results: function (data) {
            return {results: data};
        }
    }
});

HTML:

<select id="cliselect" name="cliselect" style="width: 100%;" /></select>

我的JSON返回(我认为是有效的):

[{"id":"62","text":"Alberta Innovates Health Solutions"},{"id":"4","text":"Alterna Savins & Credit Union"},{"id":"63","text":"BC Patient Safety & Quality Council"}]

我一直在尝试向外部服务器发出ajax请求.到目前为止,我已经了解到,由于安全原因,我需要使用getJSON来执行此操作？

现在,我似乎无法对外部页面进行简单的调用.我试图尽可能地简化它,但它仍然无法正常工作.我有2个文件,test.html和test.php

我的test.html这样打电话给localhost进行测试:

    $.getJSON("http://localhost/OutVoice/services/test.php", function(json){
    alert("JSON Data: " + json);
});

我希望我的test.php返回一个简单的'测试':

$results = "test";
echo json_encode($results);

我可能会犯一些令人难以置信的菜鸟错误,但我似乎无法弄明白.此外,如果这有效,我怎样才能将数据发送到我的test.php页面,就像test.php？id = 15一样？

test.html页面调用localhost上的test.php页面,同一目录我没有收到任何错误,只是没有警告..

在JQuery中给出一个带有多个选项的select.

$select = $("<select></select>");
$select.append("<option>Jason</option>") //Key = 1
       .append("<option>John</option>") //Key = 32
       .append("<option>Paul</option>") //Key = 423

如何存储和检索密钥？

ID可能是一个好的地方,但如果我有多个select的共享值(和其他场景),则不能保证唯一.

谢谢

并本着TMTOWTDI的精神.

$option = $("<option></option>");
$select = $("<select></select>");
$select.addOption = function(value,text){
    $(this).append($("<option/>").val(value).text(text));
};

$select.append($option.val(1).text("Jason").clone())
       .append("<option value=32>John</option>")
       .append($("<option/>").val(423).text("Paul"))
       .addOption("321","Lenny");

尝试制作一个make generic选择"控件",我可以动态添加元素,但我无法让函数正常工作.

这就是我的开始.

$select = $("<select></select>");
$select.addOption = function(value,text){
  $(this).append($("<option></option>").val(value).text(text));
};

这种精细单独工作,但随时$select被.clone(true)"ED的addOption()功能丧失.

这是我的对象方法,但功能仍然不起作用.

function $selectX() {
  return $("<select></select>");
}

$selectX.prototype.addOption() = function(value,text){
  $(this).append($("<option></option>").val(value).text(text));
};

Hack解决方案是在创建后手动添加该功能:

$nameSelect= new $selectX;
$nameSelect.addOption = function(value,text){
  $(this).append($("<option></option>").val(value).text(text));
};

我吠叫错了树吗？