小编esp*_*fee的帖子

如何阅读.txt文件的第一行?

任何人都可以帮助如何阅读.txt文件的第一行?我有上传example.txt的输入类型文件,然后我想抓住该代码的第一行.我试过这样的事情:

<input type="file" id="fileUpload" name="fileUpload"/> MyTest.txt //file name

function confirmFileSubmit(){
    var fileName = $('#fileUpload').val();
    alert($('#fileUpload').split('\n')[0]);
} 
Run Code Online (Sandbox Code Playgroud)

运行我的代码后,这只是在警告框中输出文件名.我不确定如何阅读文件的内容.如果有人可以提供帮助,请告诉我.

javascript split file-upload

3
推荐指数
1
解决办法
5927
查看次数

如何验证两个复选框并确保至少选中一个?

我的表单中有两个复选框,所有其他表单字段都使用必需的 HTML 属性,以便我可以在提交时运行验证。这有点不同,因为我有两个复选框输入字段,并且我必须要求至少检查一个。这是一个例子:

$('.frm-Submit').on('submit', submitFrm);
function submitFrm(e){
    e.preventDefault(); // Prevnts default form submit.
    var $checkbox = $('.account-type');

    $checkbox.on('change', function(){
        var checked = false;
  
        $checkbox.each(function(){
           checked = checked || $(this).is(':checked')
        });
  
        $checkbox.prop('required', !checked)
    });

    console.log('Submit form.')
}
Run Code Online (Sandbox Code Playgroud)
.form-group.required .control-label:after {
    content: " *";
    color: red;
}
Run Code Online (Sandbox Code Playgroud)
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script language="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<form name="frmSave" id="frmSave" class="frm-Submit" autocomplete="off">
  <div class="form-group required">
    <label class="control-label" for="account"><span class="label label-primary">Account Type:</span></label>
    <div class="checkbox">
      <label for="user">
         <input type="checkbox" name="frm_isuser" id="frm_isuser" data-toggle="collapse" data-target="#user-account" required class="account-type"> …
Run Code Online (Sandbox Code Playgroud)

html javascript validation jquery checkvalidity

3
推荐指数
1
解决办法
2907
查看次数

带Bootstrap 4的Fontawesome工具按钮带有图标?

我正在尝试在Bootstrap 4中实现fornawesome。到目前为止,我已经能够获取所有文件,但是屏幕上未显示图标。有人可以告诉我我的代码有什么问题吗?

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/fontawesome.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

<div class="container">
  <div class="row">
    <div class="col-12 text-center">
      <a class="btn btn-outline-success" href="#" title="Help Documentation">
        <i class="fa fa-info-circle"></i>
      </a>
      <button type="button" name="btn-help" class="btn btn-link" title="Help Documentation">
				<i class="fa fa-info-circle"></i>
			</button>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

font-awesome bootstrap-4

3
推荐指数
1
解决办法
479
查看次数

处理可选参数:CFArgument与isDefined

我有一个问题cfargument.如果我在调用a时发送参数.cfc,那么将它定义为参数是否有任何好处?

<cffunction name="someFunction" ....>
    <cfargument name="myArg" required="no">
Run Code Online (Sandbox Code Playgroud)

或者我可以在函数内部使用IsDefined(),而无需定义参数?

<cffunction name="someFunction" ....>
   ...
   <cfif isDefined("arguments.myArg")>
      do something
   </cfif>
Run Code Online (Sandbox Code Playgroud)

我试过了,知道它们都有效.但是,定义参数和使用isDefined()之间有什么区别?这会影响效率吗?

coldfusion parameter-passing cffunction

2
推荐指数
1
解决办法
378
查看次数

如何从javascript调用cfm页面上的cffunction?

我想知道我是否可以拨打cffunction我的cfm页面?我有一个onClick按钮,应该调用cffunction同一页面上的那个.此外,我试图cfcomponent解决我的功能,但我收到此错误:

Invalid CFML construct found on line 94 at column 1.
ColdFusion was looking at the following text:

&lt;
The CFML compiler was processing:
&lt; marks the beginning of a ColdFusion tag.Did you mean LT or LTE?
Run Code Online (Sandbox Code Playgroud)

到目前为止我有这个:

<cffunction name="getRecords" access="remote">
    <script>
        alert('test');
    </script>
</cffunction>
Run Code Online (Sandbox Code Playgroud)

这是我的JS功能:

function getRecs(){
    try{
        location.href = 'myCFMpage.cfm?method=getRecords';
    }catch(err){
        alert('Error')
    }   
}
Run Code Online (Sandbox Code Playgroud)

我不确定这是否可能,我当前的代码没有触发警报cffunction.之所以我试图这样做是因为我cfquery在这个页面上有一个并且我想在用户点击按钮然后进行一些操作时从该查询中获取数据.如果有人能告诉我这是否可行或是否有更好的方法来解决这个问题,请告诉我.

javascript coldfusion cffunction

2
推荐指数
1
解决办法
1894
查看次数

如果复选框已选中,则禁用其他;如果未选中,则启用所有JavaScript?

我有一组复选框按钮,如果单击并选中一个,我希望将其他复选框设置为禁用。另外,如果我单击相同的内容并取消选中,则我希望所有这些功能都被启用。如果选中此复选框,则我的逻辑起作用,但是如果再次单击,则所有这些都将被禁用。这是我的代码:

<tr><td><input type="checkbox" name="progress" id="progress1" value="1" tabIndex="1" onClick="ckChange(this)">Test 1</td></tr>
<tr><td><input type="checkbox" name="progress" id="progress2" value="1" tabIndex="1" onClick="ckChange(this)">Test 2</td></tr>
<tr><td><input type="checkbox" name="progress" id="progress3" value="1" tabIndex="1" onClick="ckChange(this)">Test 3</td></tr>
<tr><td><input type="checkbox" name="progress" id="progress4" value="1" tabIndex="1" onClick="ckChange(this)">Test 4</td></tr>

function ckChange(ckType){
        var ckName = document.getElementsByName(ckType.name);

        for(var i=0; i < ckName.length; i++){
            if(!ckName[i].checked){
                ckName[i].disabled = true;
            }else{
                ckName[i].disabled = false;
            }
        } 
    }
Run Code Online (Sandbox Code Playgroud)

我的当前代码无法在选中复选框时将disable属性设置为true和false。如果您发现我的代码中的问题出在哪里,请告诉我。我试图使此功能适用于任何复选框。如果您有任何改进的方法,我想听听。

html javascript checkbox

2
推荐指数
2
解决办法
2万
查看次数

ColdFusion 9为cfqueryparam设置十进制类型?

我有几个表单字段,用户可以输入whole数字,decimal数字和两种类型可以是正面或负面.换句话说,他们可以输入这样的东西:

1 or 0.9 or 5.6745 or -10 or -0.9 or -10.5435
Run Code Online (Sandbox Code Playgroud)

我想知道我应该cfqueryparam在cfsqltype上使用什么?我尝试了十进制,但看起来在ColdFusion 9中不支持.有没有其他选项或我应该使用varchar

coldfusion cfqueryparam decimal coldfusion-9

2
推荐指数
1
解决办法
150
查看次数

检查值是否为整数的最佳方法?Coldfusion 9

我有要测试的字段,并确保它们仅接受integers。功能很少,但是我不确定哪个是最好的。首先,我尝试了一下,isValid("integer",value)但是发现“ 1,5”将被接受为整数。因此,我尝试了一下,isNumeric(value)但是它将接受类似的值1.5。我想知道什么是检查整数的最佳方法?也许两个结合了这两个功能,例如:

<cfif isValid("integer",value) AND isNumeric(value)>
Run Code Online (Sandbox Code Playgroud)

还是有更好的方法来做到这一点?

coldfusion integer isnumeric coldfusion-9

2
推荐指数
1
解决办法
3182
查看次数

如何在 Vanilla JS 中发送 AJAX 发布请求并接收回 JSON 数据?

我已经使用 JQuery 示例发送表单数据并接收回 JSON 数据。现在我想在普通/香草 Javascript 中做同样的事情。这是我的 JQuery 代码示例:

$('.frmSubmitData').on('submit', function(e){
    e.preventDefault();
    var formData = $('#myForm').serialize();
    console.log(formData);

    $.ajax({
        type: 'POST',
        encoding:"UTF-8",
        url: 'Components/myTest.cfc?method=testForm',
        data: formData,
        dataType: 'json'
    }).done(function(obj){
        if(obj.STATUS === 200){
            console.log(obj.FORMDATA);
        }else{
            alert('Error');
        }
    }).fail(function(jqXHR, textStatus, errorThrown){
        alert("Error: "+errorThrown);
    });
});
Run Code Online (Sandbox Code Playgroud)

这是我到目前为止在普通 JS 中的内容:

function sendForm(){
   var formData = new FormData(document.getElementById('myForm')),
       xhr = new XMLHttpRequest();

    xhr.open('POST', 'Components/myTest.cfc?method=testForm');
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onload = function() {
        if (xhr.status === 200) {
            console.log(xhr.responseText);
        }else if (xhr.status !== 200) {
            alert('Request failed.  Returned status …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery json

2
推荐指数
1
解决办法
3713
查看次数

如何更改 Bootstrap 3 导航栏中活动选项卡的背景颜色?

我有几个项目的导航栏。如果当前选择了每个选项卡,则会为其分配活动类。如果该类处于活动状态,我想为该选项卡设置背景颜色。这是示例:

div.admin-box {
	background-color: #E0E0E0;
}

.active a {
  background-color: #E0E0E0 !important;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script language="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#tab-1">Tab 1</a></li>
    <li><a data-toggle="tab" href="#tab-2">Tab 2</a></li>
    <li><a data-toggle="tab" href="#tab-3">Tab 3</a></li>
    <li><a data-toggle="tab" href="#tab-4">Tab 4</a></li>
</ul>
<div class="tab-content">
    <!-- Tab 1 -->
    <div id="tab-1" class="tab-pane fade in active admin-box">
      Tab 1 content.
    </div>
    <!-- Tab 2 -->
    <div id="tab-2" class="tab-pane fade admin-box">
      Tab 2 content
    </div>
    <!-- Tab 3 -->
    <div id="tab-3" class="tab-pane fade …
Run Code Online (Sandbox Code Playgroud)

javascript css twitter-bootstrap twitter-bootstrap-3

2
推荐指数
1
解决办法
8386
查看次数