7月4日晨，居伊的大军按原次序出发，穿过卢西亚，打算在哈丁旁边的北山口实施突破。开始时先头部队取得一些进展，敌军让出了某些地段；但萨拉丁的兵力部署是经过深思熟虑的，有其狡猾的用心。战斗于哈丁角的正南方进行，萨拉丁把部队摆成一个月牙形，两翼前突、中央后缩，这样很快就能对拉丁军形成严密的包围之势，用伊马德丁的话来说“连一只蚂蚁都休想逃脱”。
阿拉伯人精神抖擞，士气高昂，远非基督徒军可比，而且据伊马德丁说，萨拉丁始终有一支载有大量箭矢和其它武器的骆驼队处于待命状态。
两军想必都是采取简单的战术，按各自的“作战教程”作战。法兰克人的重骑兵有步兵弓箭手的保护，而弓箭手又有厚厚的软铠甲保护着。弓箭手的任务是当骑士出击时把队伍展开，骑士回归时再把队伍收拢起来。阿拉伯骑手的任务是骚扰居伊的侧翼和后卫，准备敌进我退，敌退我追。
在哈丁战役中，基督教徒士气低落，根本谈不上使用什么战术，以致输掉了这场战斗；这些疲惫不堪、垂头丧气、干渴难忍的士兵再也挺不住了。战斗开始后不久，他们离开大路，爬上就近的一座小山，就再也不想动了，无论国王怎样央求也毫无用处。不久，阿拉伯人来了，很多基督徒沦为俘虏，但更多的人死在地上，他们的舌头都肿胀着伸在外面。
骑士失去步兵便处于极其不利的地位，在这种规模的战斗中很难取胜。居伊意识到局势的危险性，便以“真十字架”为中心，将人马组成密集的方阵。他们在力量非常悬殊的情况下英勇奋战。但突然他们又围，因为萨拉丁已下令将野草点燃，以便进一步扰乱法兰克人。居伊将哈丁山坡作为最后的立足点。在这里，约有200名骑士聚集在国王周围殊死搏斗，直到最后萨拉丁下令停止屠杀。基督教徒的骑兵几乎全军覆没，阿卡主教阵亡，“真十字架”被穆斯林缴获。
战斗即将结束时，雷蒙德伯爵可能是奉命、也可能是自作主张率领伊贝林的巴利安、西顿的雷金纳德和其他几个人孤注一掷，拼死冲出重围。他们眼见大势已去，只好逃离战场，寻个安全之地。有些编年史家没有很多的依据便断言是塔吉丁让队伍为他们闪开一条路，以便计擒，但并非有意帮助他们逃跑。
这后一种解释使雷蒙德的人格受到进一步的诋毁。不过他很快便什么都不用想了，因为3个月之后死亡使他从军事叛变的奇耻大辱中得到解脱；而他自己深信，自己这样做是出于对共同事业的忠贞不渝。
战役结束后，拉丁军的战俘被集中起来，萨拉丁对那些幸存的基督徒作了大致公正的处理。他对国王居伊相当仁慈，对其他骑士也宽宏大量，除一人之外全部释放。令人惊奇的是，这其中还包括“圣殿骑士团”的大团长“里德福特的杰勒德”。“医院骑士团”的大团长罗杰已在哈丁阵亡。
这唯一的例外是沙蒂永的雷纳尔德，萨拉丁实践了自己的诺言，亲手将他处死。下层军官、军士和骑兵的遭遇则不太好。他们大部分沦为奴隶。“
大部分城堡的军队都已被抽调去组成拉丁大军，哈丁之战的胜利使萨拉丁得以轻而易举地荡平这些城堡。少数几个进行了抵抗的城堡可以用释放重要战俘的方式来换取，如用居伊和杰勒德换阿什凯隆。
只有极少数城堡（如克拉克骑士堡）坚守了一年以上。一年半之后，十字军手里还剩下提尔、安条克和叙利亚的的黎波里。1187年10月，耶路撒冷宣布投降，萨拉丁对待那里的居民十分大度，这与1099年第一次东征时十字军的可耻行为形成了鲜明的对照。
………………………………………………分割线…………………………………………
可以说一句，哈丁战役可以说是一支重骑兵为主的部队，面对阿拉伯人的军队，因为战术上的失误冒险，最终导致的一场惨败。
而若非是哈丁战役的惨败，萨拉丁想要将拉丁王国的实力范围覆盖耶路撒冷一带，恐怕需要花费更多地功夫。