Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/regex/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
最佳jquery计算器实现和实现验证?_Jquery - Fatal编程技术网

最佳jquery计算器实现和实现验证?

最佳jquery计算器实现和实现验证?,jquery,Jquery,嘿,伙计们,这是我有史以来的第一个jquery脚本,我想知道你们是否看到了任何错误或坏习惯,我应该尽早释放,无论是在我的代码的符号中还是在一般情况下。请注意,在我实现了验证之后,它将在某人的网站上成为一件真实的事情。另外,您建议我如何实施验证示例 <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> $(document).ready(

嘿,伙计们,这是我有史以来的第一个jquery脚本,我想知道你们是否看到了任何错误或坏习惯,我应该尽早释放,无论是在我的代码的符号中还是在一般情况下。请注意,在我实现了验证之后,它将在某人的网站上成为一件真实的事情。另外,您建议我如何实施验证示例

<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function(e) {
$(".calculatebutton").on("click",function()
{
//perform a input type check when i learn rregex
var item_cost=$("#itemCost").val();
if($(this).val()=="Cash Payment")

{
    var answer=item_cost*0.10;
}
else
{
    var answer=item_cost*0.12;
}
answer+=parseInt(item_cost);
$("#total").val(answer);
 })
});
</script>

$(文档).ready(函数(e){
$(.calculatebutton”)。在(“单击”,函数()上
{
//学习rregex时执行输入类型检查
var item_cost=$(“#itemCost”).val();
如果($(this.val()=“现金支付”)
{
var答案=项目成本*0.10;
}
其他的
{
var答案=项目成本*0.12;
}
回答+=解析整数(项目成本);
$(“#总计”).val(答案);
})
});

一个带注释的小示例


因为您正在询问如何改进工作代码,所以这个问题更适合您。
$(document).ready(function (e) {
    $(".calculatebutton").on("click", function () {
        //perform a input type check when i learn rregex
        var answer = 0,
            item_cost = $("#itemCost").val(); // this is a string, NOT a number

        // check if you got a number, with your way or criteria
        if(isNaN(item_cost) || item_cost === true || item_cost === ''){  
            $("#total").val("Not a Number here");
            return false; // you didn't
        }
        item_cost = parseFloat(item_cost); // or use parseInt if you want integer

        if ($('.calculatebutton').text() === 'Cash Payment'){ // use always === for equality
            answer = item_cost * 0.10;
        } else {
            answer = item_cost * 0.12;
        }
        answer += item_cost;
        $("#total").val(answer);
    })
});